jQuery 自动建议插件不显示结果

标签 jquery

我正在使用the plugin by Drew Wilon当用户开始在文本字段中键入内容时搜索城市名称的数据库表。通过 Firebug,我可以看到数据以正确的 JSON 格式返回。所以据我所知,PHP 端一切正常。

返回结果后,它们应显示在文本字段下方的 div 中。我可以在 Firebug 中看到这个 div,但它仍然是空的。它曾经工作得很好,所以我认为这是一个我没有看到的小问题。

如何让结果显示在此 div 中?

测试页是here - 中间一栏是“城市”字段。例如输入“ham”,您将在 Firebug 中看到返回的 JSON 格式的数据。

JS:

$("input#city").autoSuggest("http://sub.domain.com/survey/search_city", {
            selectedItemProp: "response", 
            selectedValuesProp: "id", 
            searchObjProps: "response",
            startText: "",
            minChars: 2,
            selectionLimit: 1,  
        });

返回的 JSON 示例

[{"response":"Hamilton (Victoria, Australia)","id":"18860_14"},{"response":"Hamilton (Hamilton Municipality, Bermuda)","id":"6042_27"},{"response":"Hamilton (Ontario, Canada)","id":"3460_43"},{"response":"Hami (Xinjiang, China)","id":"6156_49"},

最佳答案

我唯一能看到的是

$("input#city").autoSuggest("http://kms.rubypseudo.com/survey/search_city", {
            selectedItemProp: "response", 
            selectedValuesProp: "id", 
            searchObjProps: "response",
            startText: "",
            minChars: 2,
            selectionLimit: 1,  
        });

在“selectionLimit: 1”之后有一个逗号,但它不应该。

这会破坏你的参数 json,从而破坏插件

我再次检查了一下,发现与 autoSuggest 和 jquery.validate.js 插件不兼容……如果删除它,自动完成功能就会起作用。它与 $.getJSON 有关...当您获得两个插件时永远不会完成

关于jQuery 自动建议插件不显示结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5850662/

相关文章:

jQuery 插件绑定(bind)到动态创建的元素

javascript - 如何在 jquery jtable 中插入滚动条?

asp.net - 如何将下拉选定的值分配给隐藏字段

jquery - Caroufredsel 在 Firefox 中不可见

javascript - 为 sap.m.DatePicker 设置约束

javascript - 用 JQuery 替换 $j

javascript - 使用 Materialise JS 单击任何 Scrollspy 链接时减少间隙

javascript - 动态 JQuery 对象选择器

javascript - 使用 Jquery 的菜单栏淡入淡出(结果不符合预期)

javascript - 通过 AJAX POST 将 JSON 或 JS 对象与表单数据一起传递到 PHP 的最有效方法