带有 url 的 jQuery UI 自动完成答案

【问题标题】：jQuery UI Autocomplete with urls带有 url 的 jQuery UI 自动完成
【发布时间】：2015-09-14 09:04:09
【问题描述】：

我尝试使用 jquery ui 自动完成进行即时搜索，我想添加链接 onclick 结果。

JScript

$("#searchinput").autocomplete({
    source: "search/get_searchdata",
    select:function(e,ui) { 
        location.href = ui.item.the_link;
    };
});

HTML

<div class="ui-widget">
    <input id="searchinput">
</div>

脚本工作并显示数组的结果：

数组

[
    {
        "label": "Apple annuncia OS X El Capitan",
        "the_link": "../../../post/2"
    },
    {
        "label": "Apple l'Phone flessibile",
        "the_link": "../../../post/5325"
    },
    {
        "label": "iCloud Apple, attacco hacker in Cina",
        "the_link": "../../../post/5637"
    }
]
/* Lint by jsonlint.com */

但是当我点击结果页面并没有改变。

注意：我使用的是 jQuery 1.9.1 版本。

【问题讨论】：

你代码中的alert函数是做什么的？
抱歉错误，已删除但仍无法正常工作。附言。警告不要射击任何东西。
你还有一个分号是语法错误吗？
select 属性之后
这是一个工作示例 -> jsfiddle.net/adeneo/1udLh2cs/2

标签： javascript php jquery json jquery-ui

【解决方案1】：

这是一个语法错误，当对象被分配时，它们不应该有semicolons：

$("#searchinput").autocomplete({
    source: "search/get_searchdata",
    select:function(e,ui) { 
        location.href = ui.item.the_link;
    }; //<-- remove ; incorrect semicolon
}); //<- correct usage

【讨论】：

【解决方案2】：

我解决了这个问题，Netbeans 无法将我的 PC 版本与服务器同步。

感谢所有回答。

【讨论】：

【解决方案3】：

这就是你要找的吗？

Code working html <div class="ui-widget"> <input id="searchinput"/> </div>

JavaScript

var jsonData = [ {
    "label": "Apple annuncia OS X El Capitan",
    "the_link": "http://www.apple.com"
},{
    "label": "Apple l'Phone flessibile",
    "the_link": "http://www.apple.com/iphone"
},{
    "label": "iCloud Apple, attacco hacker in Cina",
    "the_link": "http://www.icloud.com"
}];

$("#searchinput").autocomplete({
source: jsonData,
select: function(event,ui) { 
    window.location.href = ui.item.the_link;
}

});

【讨论】：

谢谢，但我已经解决了问题，问题是 Netbeans 没有将我的副本与服务器同步。