JQuery UIオートコンプリートウィジェットが消える

Question

オートコンプリートからのODDの動作。 それはすべて正常に動作しますが、結果の表示は全て台無しにされています

• 私は1つのキーを押した場合、それはウィジェットを使ってうまく右の私の検索バーの下に結果が表示されます。私はof: "#searchBar",を使用してみましたが、問題を解決していないようだ私は、ウィジェットが消え、私の検索バーでの二文字を押し、結果は私の#body

に表示されている現時点では

。私はウィジェットをいつも保持したいと思います。ここ

は私のコードです：

$($("#searchBar").keyup(function() { 
var querySearch = $("#searchBar").val(); 

$("#searchBar").autocomplete({ 

    source: function(request, response) { 
     $.ajax({ 
      url: "php/queryDB.php", 
      type: 'post', 
      dataType: "json", 
      of: "#searchBar", 
      data: { 
       action: 'autoComplete', 
       parameter: querySearch 
       }, 
      success: function(data) { 
       response(data); 
       } 
      }); 
     }}); 
})); 

私は私のコンソールでオートコンプリートによって生成された次のコードを持っている： <input id="searchBar" type="text" name="SearchTextField" placeholder="Search" autocomplete="off" class="ui-autocomplete-input">

Answer 1

が、私は二つの問題を持っていたが判明：

サファリは私をだましたしそのオートコンプリートので、私はそれがJqueryのウィジェット（Jqueryメソッドを使用しているので、私は気づいていないのだと思っていた）と私は正しくコードをフォーマットしていないと思っていた

私のために働いた最終コードはここにあります：

$("#searchBar").autocomplete({ 
    delay: 500, 
    minLength: 2, 
    appendTo: "#autocompleteResultsDiv", 
    autoFocus: true, 
    classes: { 
       "ui-autocomplete": "highlight" 
       }, 
    position: { my : "right top", at: "right bottom" }, 

    source: function(request, response) { 

$.ajax({ 
    url: "DB.php", 
    type: 'post', 
    dataType: "json", 
    cache: false, 
    data: { 
     action: 'autoComplete', 
     parameter: $("#searchBar").val() 
     }, 
    success: function(data) { 
     response(data); 
    } 
    }); 
} 
});