jQuery UI自动完成搜索
问题描述:
我想使用jQuery UI autocomplete,以便用户可以搜索项目。jQuery UI自动完成搜索
我有一个需要制作成JSON的产品列表(或者只是将它们包含在JavaScript中,就像jQuery UI的演示版一样),但是当用户选择一个项目时,它会重定向到URL吗?
在jQuery用户界面的演示,他们有:
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$("#tags").autocomplete({
source: availableTags
});
});
我在哪里可以添加一个网址为每个项目因此,当用户选择它,它会重定向页面?
答
如果你传递一个名为value的属性的对象,那么jQuery将使用它作为显示值。然后,您可以使用select方法的自动完成处理该事件:
var availableTags = [
{value: "ActionScript", url:"http://www.google.com?q=ActionScript"},
{value: "jquery", url:"http://www.google.com?q=jquery"}
];
$("#tags").autocomplete({
source: availableTags,
select:function(event, ui) {
window.open(ui.item.url);
}
});
+0
啊哈,我明白了。这帮了我很大的时间,谢谢! – user2203362 2013-03-25 21:15:56
Chekc出http://api.jqueryui.com/autocomplete/和'select'事件。 – Jack 2013-03-25 21:01:51
看看[自定义数据示例](http://jqueryui.com/autocomplete/#custom-data)。 – Mathletics 2013-03-25 21:02:24