jqueryui автозаполнение не работает

Question

Это мой код:

<script type="text/javascript" src="{THEME}/js/jquery-1.7.2.js"></script> 
<script type="text/javascript" src="{THEME}/js/jquery.form.min.js"></script> 
<script type="text/javascript" src="{THEME}/js/jcarousellite_1.0.1.pack.js"></script> 
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $(function() { 
     var availableTags = ["Canada", "United States", "United Kingdom", "Russia", "Iran", "Sweden", "France"]; 
     $("#searchQuery").autocomplete(availableTags); 
    }); 
}); 
</script> 

и вход, который находится в контейнере плавал налево.

<input type="text" placeholder="Your Query" id="searchQuery" /> 

Answer 1

Вы не должны просто передать массив в метод .autocomplete(). Следует указать, что это источник, используя опцию source, как показано ниже:

$(document).ready(function() { 
 
    var availableTags = ["Canada", "United States", "United Kingdom", "Russia", "Iran", "Sweden", "France"]; 
 
    $("#searchQuery").autocomplete({ 
 
    source: availableTags 
 
    }); 
 
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 
 
<input type="text" placeholder="Your Query" id="searchQuery" /> 
 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
 
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

---

Side Примечание: $(document).ready(function() {}) и $(function() {}) одинаковы. Вам нужно только одно из них. Позднее это сокращение для первого.