不知道如何使用 JQuery UI 自动完成...:(
这次,我返回了数据……但我不知道如何定义要显示的 html 以及如何用我的结果动态更新该 html。
所以,这是我的 jquery ....
Home.js
function AutoComplete(element) {
var cache = {};
$(element).autocomplete({
minLength: 2,
source: function (request, response) {
if (request.term in cache) {
response(cache[request.term]);
return;
}
else {
$.getJSON("/api/autocomplete/" +
encodeURIComponent(request.term),
function (data) {
cache[request.term] = data;
response(data);
});
}
}
});
}
,它已连接到我的视图
Index.aspx
<script type="text/javascript">
$(document).ready(function () {
AutoComplete("#searchQuestion");
})
</script>
现在 .. 我不知道如何告诉它使用一些(尚未制作的)html/div/等。 ...然后填充该
列表(我假设我扩展了回调,上面..而不是调用这个 response(data)
方法。 。那是什么?)this is a continuation from a previous JQueryUI Autocomplete question, I asked.
This time, I have my data returning ... but I have no idea how i define what html to show and how to dynamically update that html with my results.
So, here's my jquery ....
Home.js
function AutoComplete(element) {
var cache = {};
$(element).autocomplete({
minLength: 2,
source: function (request, response) {
if (request.term in cache) {
response(cache[request.term]);
return;
}
else {
$.getJSON("/api/autocomplete/" +
encodeURIComponent(request.term),
function (data) {
cache[request.term] = data;
response(data);
});
}
}
});
}
and this is wired up in my View
Index.aspx
<script type="text/javascript">
$(document).ready(function () {
AutoComplete("#searchQuestion");
})
</script>
Now .. i'm not sure how i tell it to use some (yet to be made) html/div/etc. ... and then to populate that <ul>
list (i'm assuming i extend the callback, above .. instead of calling this response(data)
method .. wtf is that?)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
这是我的 jQuery UI 自动完成的工作示例。希望它有所帮助:
如果您现在还没有这样做,请获取Firebug。它是 Web 开发的宝贵工具。您可以在此 JavaScript 上设置断点,看看会发生什么。
Here's my working example of jQuery UI's autocomplete. Hope it helps:
If you're not doing so by now, get Firebug. It's an invaluable tool for web development. You can set a breakpoint on this JavaScript and see what happens.
这段代码对我有用:
This code worked for me: