jQuery UI自動完成：沒有鼠標選擇

我正在爲我的網站開發一個搜索表單，我打算使用JQuery UI自動填充小部件來建議用戶類型的值。到目前爲止，這些建議確實奏效。jQuery UI自動完成：沒有鼠標選擇

問題是，當用戶從列表中選擇一個值時，輸入字段不會更新。似乎之前曾報告過相同的問題，例如：Jquery UI Autocomplete doesn't allow options to be selected with mouse anymore，但未發佈解決方案。

代碼儘可能簡單：

<script> 
jQuery(document).ready(function(){ 

    var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ]; 

    jQuery("#tbauthor").autocomplete({ 
     source: availableTags, 
    }); 

}); 
</script> 
<div id="primary" class="aside main-aside sidebar"> 
    <form style="font-size: 10px;" name="search-news" action="." method="get"> 
    <table border= "0"> 

     <tr class="advanced"><td>Cerca per autor</td><td><input type="text" id="tbauthor" name="autor" /></td></tr> 

    </table> 
</form> 
</div>

我使用WordPress 3.5阿拉斯主題和jQuery 1.8.3和jQuery UI 1.9.2（已經包括在WordPress安裝）。爲了加載自動完成庫，我調用了header.php中的wp_enqueue_script這是一個摘錄（header.php）。我唯一的猜測是，我有一個問題，加載的庫：

wp_enqueue_script('jquery'); 
wp_enqueue_script('jquery-ui-tabs', null, array('jquery-ui-core', 'jquery'), null, false); 
wp_enqueue_script('jquery-ui-autocomplete', null, array('jquery-ui-core', 'jquery'), null, false);

UPDATE，因爲這個問題被解決，例如不再是一個非工作示例：最後， ~~可以看到非在我的網站的工作示例： http://www.cabanyal.com/nou/resultat/?id=1994~~

在此先感謝您的幫助。

來源

2013-01-13 Natxo.Piq

fore firefox 17輸入值正在更新.. – redDevil

我認爲你有版本控制問題。這裏是你的例子：http://jsfiddle.net/v9bSa/ – Razmig

@Razmig我不知道jsfiddle。謝謝，但我仍然不明白我的例子有什麼問題。 –

你的WordPress主題包括jQuery的驗證插件的過時版本，這是造成與自動完成一個矛盾：

<script type='text/javascript' src='http://www.cabanyal.com/nou/wp-content/themes/arras/js/jquery.validate.min.js'></script>

我能夠複製這裏的問題：jsfiddle.net/VAna6/1

改劇本到最多recent version，並且自動完成應該如下所示：http://jsfiddle.net/VAna6/2/。

來源

2013-01-13 17:52:38

解決！正如你所指出的，Arras主題使用了舊版本的jquery.validate.min.js（v1.5.1）。我更新了腳本，現在它像一個魅力。 –

太棒了！我還會聯繫主題作者，讓他們知道如果你有機會更新他們的驗證腳本:) - 將有助於減少路上遇難者的數量！ –

jQuery UI自動完成：沒有鼠標選擇

回答

相關問題