0

我想使用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，以便当用户选择它时，它会重定向页面？

4

1 回答 1

1

如果您传递一个具有名为 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/

于 2013-03-25T21:06:07.033 回答