[英]jQuery UI Autocomplete Search
我想使用jQuery UI自动完成功能,以便用户可以搜索项目。
我有一个需要制作成JSON的产品列表(或者像jQuery UI的演示一样将它们包括在JavaScript中),但是当用户选择一个项目时,有没有办法将其重定向到URL?
在jQuery UI的演示中,它们具有:
$(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
});
});
我在哪里可以为每个项目添加一个URL,以便当用户选择它时,它将重定向页面?
如果传递带有名为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);
}
});
小提琴示例: http : //jsfiddle.net/9qePM/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.