jQuery UI.jsを追加するとオートコンプリートが発生する

Question

jqueryを使用してオートコンプリートされたフォームがあるサイトがあります。それはうまく動作しますが、私のページにjQuery UIを追加すると、動作が停止します。なぜ誰かがそれを修正するためのアイデアを持っているのですか？それは私には分かりません。次のように

オートコンプリートのためのコードは次のとおりです。

ヘッド：

<script type="text/javascript" src="js/jquery-1.5.js"></script> 
<script type='text/javascript' src='jquery.autocomplete.js'></script> 

    <script type="text/javascript"> 
    $().ready(function() { 
     $("#food").autocomplete("search.php", { 
      width: 260, 
      cacheLength: 10, 
      matchContains: false, 

      //mustMatch: true, 
      //minChars: 0, 
      //multiple: true, 
      //highlight: false, 
      //multipleSeparator: ",", 
      selectFirst: true 

     }); 
    }); 
    </script> 

体：

<input type="text" name="food" id="food"/> 

だから私は私の頭に次の行を追加するときコード内で作業を停止します：

<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script> 

jqQueryライブラリとjQueryUIライブラリの間に重複がありますか？どのようにこれを修正するための任意のアイデア？

Answer 1

はいオートコンプリート機能がここでオーバーラップしています。 http://jqueryui.com/demos/autocomplete/

jQuery UIオートコンプリートを使用したくない場合は、jquery UIスクリプトの後にカスタムスクリプトを呼び出してください。

<script type="text/javascript" src="js/jquery-1.5.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script> 
<script type='text/javascript' src='jquery.autocomplete.js'></script>