Автозаполнение прерывается, когда я добавляю jQuery UI.js

Question

У меня есть сайт с формой с автозаполнением с использованием jquery. Он отлично работает, однако, когда я добавляю пользовательский интерфейс jQuery на свою страницу, он перестает работать. У кого-нибудь есть идея, почему и как это исправить, я не могу найти почему.

код для автозаполнения выглядит следующим образом:

головка:

<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 AutoComplete, тогда вызовите свой собственный скрипт после jquery ui script.

<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>