我在这段代码中出现错误。有谁能够帮助我?Jquery UI自动完成与图像
<h4>search:<input type="text" id="name-list" /></h4>
<script type="text/javascript" language="javascript">
$(function() {
$("#name-list")
.autocomplete({
source: function (request, response) {
$.ajax({
url: "/Home/Searchuser", type: "POST", dataType: "json",
data: { searchText: request.term, maxResults: 10 }
})
return false;
},
minLength: 1
}).data("autocomplete")._renderItem = function (ul, item) {
var inner_html = '<a><div class="list_item_container"><div class="image"><img src="' + item.PicLocation + '"></div><div class="label">' + item.label + '</div><div class="description">' + item.DisplayName + '</div></div></a>';
return $("<li></li>")
.data("item.autocomplete", item)
.append(inner_html)
.appendTo(ul);
};
});
</script>
从服务器上正确接收数据。我犯了什么错误?
什么样的错误?你检查过“控制台”吗? – JoeFletch
我在控制台中看不到特定的错误。我删除了数据(“自动完成”)._ renderItem覆盖函数,并指定在Ajax块本身的“返回”。然后它工作正常。当我添加此_renderItem代码块autosuggessions不显示。我想用文字显示图像。这就是为什么我添加了该部分 – Manoj
我用你的代码制作了一个[jsFiddle](http://jsfiddle.net/TheJoeFletch/xuZqn/),它似乎很好。 – JoeFletch