jquery-ui autocomplete似乎沒有觸發？

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");