javascript - jquery-ui 自动完成似乎没有触发？

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

已关闭 7 年前。

• 编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。
• 此问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

Improve this question

我需要帮助来尝试使 jQuery-ui 自动完成功能正常工作。我的代码如下:

<script src="/js/jquery.min.2.2.4.js"></script>
<link rel="stylesheet" href="/js/jquery-ui/jquery-ui.min.css">
<script src="/js/jquery-ui/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
    $('#sku').autocomplete({
        source: function(request, response){
            $.ajax({
                url: '/api.php',
                type: 'POST',
                data: {
                    function: 'skuAutocomplete',
                    data: {
                        skuAutocomplete: request
                    }
               },
               error: function() {
                  alert('An error occurred connecting to server. Please check your network');
               },
               dataType: 'json',
               success: function(json) {
                    if (json.status) {
                        response(json.data.skuAutocomplete);
                    }else{
                        alert(json.message);
                    }
                }
            });
        },
        minLength: 3
    });
});
</script>
<input type="text" name="sku" id="sku">

当我开始在文本框中键入内容时，我没有收到任何网络请求，也没有在控制台日志中收到任何错误。

我已经检查过:

1:所有 jQuery 函数都正在加载，并且没有任何文件 404。

2:加载页面时不会产生错误。

我不知道下一步该去哪里，我不知道如何触发这个功能，该功能来自快速入门指南。非常感谢任何帮助。

Answer 1

我遇到了同样的问题，这似乎解决了我的问题:

function runAutocomplete(element) {
 $(element).autocomplete({
    source: function(request, response){
        $.ajax({
            url: '/api.php',
            type: 'POST',
            data: {
                function: 'skuAutocomplete',
                data: {
                    skuAutocomplete: request
                }
           },
           error: function() {
              alert('An error occurred connecting to server. Please check your network');
           },
           dataType: 'json',
           success: function(json) {
                if (json.status) {
                    response(json.data.skuAutocomplete);
                }else{
                    alert(json.message);
                }
            }
        });
    },
    minLength: 3
 });
}

runAutocomplete("#sku");