2016-06-24 7 views
0

私はjQuery-uiオートコンプリート関数を作成しようとしています。次のように私のコードは次のとおりです。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"> 

私は、テキストボックスに入力して起動すると、私はすべてのネットワーク要求、またはコンソールログにすべてのエラーを得ることはありません。すべてのjQueryの機能がロードされていること、およびファイル

2 404のいずれも:

1:

は、私がチェックしているエラーがページをロードし、生成されていないこと。

私は次にどこに行くべきか分からない、私はクイックスタートガイドから来たこの機能をトリガーする方法がわからない。どんな助けも大歓迎です。

+0

あなたのコードは大丈夫のようです。何らかの理由で、私はオートコンプリート関数を別の関数の中にラップし、その関数を次のように呼び出す必要がありました: 'function runAutocomplete(){//あなたのオートコンプリートコード}' 'runAutocomplete();' – Guillaume

+0

スティックrunAutocomplete?入力タグの変更イベントで? – user1955162

+0

いいえ、ただあなたのjavascriptでそれを呼び出す – Guillaume

答えて

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"); 
関連する問題