我使用jQueryUI的搜索在我的网站就像Facebook的
jQuery代码:显示HTML中自动完成jQueryUI的
//search main
function split(val) {
return val.split();
}
function extractLast(term) {
return split(term).pop();
}
$("#mainsearch").bind("keydown", function(event) {
if (event.keyCode === $.ui.keyCode.TAB &&
$(this).data("ui-autocomplete").menu.active) {
event.preventDefault();
}
})
.autocomplete({
source: function(request, response) {
$.getJSON("/block/search.php", {
term: extractLast(request.term)
}, response);
},
search: function() {
var term = extractLast(this.value);
if (term.length < 2) {
return false;
}
},
focus: function() {
return false;
},
select: function(event, ui) {
var terms = split(this.value);
window.location.replace(ui.item.url);
// remove the current input
terms.pop();
// add the selected item
terms.push(ui.item.value);
// add placeholder to get the comma-and-space at the end
terms.push("");
this.value = terms.join(", ");
return false;
}
});
PHP代码:
while($f = mysqli_fetch_array($s,MYSQLI_ASSOC)){
if($userid != $f['id']){
$name = $f['name'].' '.$f['family'];
$url = $siteurl.$f['username'].'/';
array_push($results, array('id' => $f['id'],'value' => $name,'url' => $url));
}
}
echo json_encode($results);
,但如果我插入图片标签,如:
<img src='something'>
其只是显示< img> text not an图像当其显示结果
有反正要解决吗?
谢谢
那个自动完成的东西与图像有什么关系? –
返回的JSON是什么样的?你绝对可以做到这一点,但你可能需要自动完成的自定义渲染功能。 – Mathletics
相关:http://forum.jquery.com/topic/using-html-in-autocomplete – Adrift