jQuery autosuggest插件不显示结果

时间:2011-05-01 19:11:43

标签: jquery

当用户开始输入文本字段时,我正在使用the plugin by Drew Wilon搜索城市名称的数据库表。通过Firebug,我可以看到数据以适当的JSON格式返回。所以AFAIK一切都在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"},

1 个答案:

答案 0 :(得分:1)

我唯一能看到的就是

$("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有关...当你有两个插件时永远不会完成