JQuery UI自动完成代码问题，以函数作为源代码

所以基本上，我试图移动到一个函数，它为自动完成方法中的source参数执行工作，现在脚本已经损坏。 即使通过$.get(...)请求返回值，也不会显示任何选项。

HTML：

           <tr class="itemTableRow">
                <td>
                    <input type="text" class="item" name="items[]" />
                </td>
                <td>
                    <input type="range" class="quantity" min="1" max="10000" name="quantity[]" />
                </td>
                <td>
                    <select class="versionSelect"><option value="5">5</option><option value="6">6</option><option value="7">7</option></select>
                </td>
            </tr>

Javascript：

 $(function() {

            $( ".item" ).autocomplete({
                            source: function(request, response){var data = $.get("http://mydomain.com/dev/kohana/utils/items/search?searchType=maxList&term=" + request.term + "&version=" + $(".item").parent().parent().children(":nth-child(3)").children("select").val()); console.log("" + data); response(data);},
                            minLength: 2
                        });
});

生成的HTTP GET请求URL（在输入字段中输入CP时）：

http://mydomain.com/dev/kohana/utils/items/search?searchType=maxList&term=CP&version=5

生成的HTTP响应体：

[{"label":"CP1031L","value":"CP1031L"},{"label":"CP1031M", "value":"CP1031M"]

我还在页面中包含了Jquery UI的默认样式表，虽然它在那之前是有效的。 我觉得我缺少一些非常基本的功能回调应该如何工作。 任何人都可以发现问题吗？ 谢谢您的帮助。

---

您应该在.get()调用的成功处理程序上调用response(data) ，如下所示：

$( ".item" ).autocomplete({
                            source: function(request, response){var data = $.get("http://mydomain.com/dev/kohana/utils/items/search?searchType=maxList&term=" + request.term + "&version=" + $(".item").parent().parent().children(":nth-child(3)").children("select").val(), function(data) {response(data);});},
                            minLength: 2
                        });

链接地址: http://www.djcxy.com/p/65279.html

上一篇: JQuery UI AutoComplete Code Issue with Function as Source

下一篇: Autocomplete using jQuery callback (label/value pair)