我知道已經有一堆與JQuery自動完成UI小部件相關的問題,但沒有一個能夠工作。基於這裏所呈現的來源我只是寫代碼:http://jqueryui.com/autocomplete/ 這是我的jQuery代碼:JQuery自動完成問題
<script type="text/javascript">
$(document.body).ready(function(){
$('#txtcity').keypress(function(){
$("#txtschool").removeAttr('disabled');
$("#txtschool").val('');
});
$('#txtcity').focusout(function(){
if($('#txtcity').val()!=""){
var availableSchools = [];
$.ajax({
url: "do_findschools.php?city="+$('#txtcity').val()
}).done(function(data){
availableSchools = data.split(',');
alert(data);
});
$('#txtschool').autocomplete({
source: availableSchools,
dataType: "json"
});
}
});
});
</script>
那樣簡單,因爲它是,當我在txtschool型的東西,沒有彈出。我還使用內置在調試器中的Chrome,但沒有顯示任何錯誤。 UI根本不起作用。 ajax 正常工作,因爲我在alert()行看到正確的數據。我還導入了:
<link href="jquery/css/ui-lightness/jquery-ui-1.10.0.custom.css" rel="stylesheet" />
<script src="jquery/js/jquery-1.9.0.js" type="text/javascript"></script>
<script src="jquery/js/jquery-ui-1.10.0.custom.js" type="text/javascript"></script>
在我的頭文件中。 爲什麼它不起作用?
可能是'$(document).ready()'?自動完成本身[適用於我](http://jsfiddle.net/oceog/hfNdg/) –
也更好地在請求中使用json,btw *爲什麼你們在使用'post'時使用複雜的'ajax'方法,以及'get'?* –