Jquery UIオートコンプリートでマウスでオプションを選択できない

Question

最近jquery UIとオートコンプリートプラグインが更新されましたが、新しいバージョンではマウスクリックでオプションを選択することはできません。上下の矢印。マウスクリックによる選択を再び有効にするにはどうすればよいですか？

ところで新バージョンは1.9.1で、古いバージョンは1.8.2

Answer 1

私の場合は、マウスの選択機能は時代遅れ第三者jQueryプラグインで無効にしました。このスレッドでは、何が間違っているのかが分かりました。http://forum.jquery.com/topic/autocomplete-click-to-select-item-not-working-in-1-9-1

古いバージョンのjquery検証プラグイン（https://github.com/jzaefferer/jquery-validation）を使用していました。私は違う行為を引き起こしていたものを見るために別のプラグインを無効にした。

Answer 2

最新のバージョンでこれが修正されています。

http://jqueryvalidation.org/からjquery.validate.jsの最新バージョンに更新するだけです。たとえば は、MicrosoftのAjaxのCDN（ホットリンク歓迎）をダウンロードhttp://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js

Answer 3

は私もファイルにソースコードを確認する時間1.11.4

で利用できるjqueryの-UIの最新バージョンを使用して、同じ問題を持っていましたjqueryの-ui.jsは、私はこのような作品を見つけました：

"click .ui-menu-item": function(event) { 
        var target = $(event.target); 
        if (!this.mouseHandled && target.not(".ui-state-disabled").length) { 
         this.select(event); 

         // Only set the mouseHandled flag if the event will bubble, see #9469. 
         if (!event.isPropagationStopped()) { 
          this.mouseHandled = true; 
         } 

問題がtrueへmouseHandled VARセットです。しかし、それは、event伝播が停止していない場合にのみ発生します。

だから、解決策として、私はこのように私のオートコンプリートを定義した：それは私のために働い

$('.autocomplete').autocomplete({ 
    source: ['value1','value2','value3','value4'], //my source 
    select: function(event, ui){ 
    event.stopPropagation(); //the select event will work next time you click 
    //your logic comes here ... 
    } 
}) 

は、私はそれがあなたのために働く願っています！ =）