jQueryUI自动完成，结果可点击

我试图寻找类似的案例，但每次代码都略有不同，我无法找到解决方案……

我在我的网站上使用jQuery Autocomplete，数据来自mysql数据库。
结果按类别排序，以在同一输入中显示产品和品牌
所以我自然地将他们网站上的示例粘贴到我的网站上，效果很好
生成的json如下所示

{"label":"Product 1","url":"product.php?id=1","category":"Products"}

我唯一的问题是我希望结果是可点击的。因此，当用户单击一个结果时，会加载另一个页面，而不是默认行为，即用数据填充输入

我已经在JSFIDLE上创建了一个演示，这样您就可以看到发生了什么
（数据包含在此处的js中）

非常欢迎您的帮助，我想这没什么大不了的，但是我在jQuery方面的拙劣技能阻止了我解决这个问题

Bertrand使用选择事件：

$( "#search" ).catcomplete({
        source: 'suggest_zip.php',
        select: function( event, ui ) {
            window.location = ui.item.url;
        }
    });

显然，您需要对url等进行一些验证

---

值得一提的是，我还建议使用默认的自动完成小部件，并使用事件和选项，而不是试图从中继承。您的代码将更加干净，出现奇怪错误的机会也将减少。

您是对的，它无法正常工作。修复：哦！它起作用了。我已经看到了这个选项，但是我缺少了一个括号！谢谢赵，你救了我一天！关于url的验证，你是什么意思？我想我会保留这个解决方案，并在目标页面的顶部控制参数是否有效。你怎么看？通过验证，我的意思是确保ui.item.url有一个值，那就是它是一个有效的url，以防万一，你会得到一些不好的数据。