Jquery UI Tự động hoàn tất không cho phép các tùy chọn được chọn bằng chuột nữa

Question

Gần đây tôi đã cập nhật jquery ui và plugin tự động hoàn thành của nó - tuy nhiên trong phiên bản mới hơn, nó sẽ không cho phép tôi chọn các tùy chọn chỉ với một cú nhấp chuột và tôi phải sử dụng mũi tên lên và xuống. Làm cách nào để kích hoạt lại lựa chọn qua nhấp chuột?

Btw phiên bản mới là 1.9.1, phiên bản cũ là 1.8.2

Answer 1

Trong trường hợp của tôi khả năng lựa chọn chuột bị vô hiệu hóa bởi một bên thứ ba jQuery plugin lỗi thời. Chủ đề này đã cho tôi ý tưởng về những gì có thể sai: http://forum.jquery.com/topic/autocomplete-click-to-select-item-not-working-in-1-9-1

Tôi đang sử dụng phiên bản cũ của plugin xác thực jquery (https://github.com/jzaefferer/jquery-validation). Tôi đã vô hiệu hóa một plugin sau một plugin khác để xem plugin nào gây ra hành vi sai trái.

Answer 2

Phiên bản mới nhất đã sửa lỗi này.

Chỉ cần cập nhật lên phiên bản mới nhất của jquery.validate.js từ http://jqueryvalidation.org/. Ví dụ tải về Ajax CDN của Microsoft (hotlinking hoan nghênh) http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js

Answer 3

tôi đã cùng một vấn đề, thậm chí sử dụng phiên bản mới nhất của jquery-ui có sẵn tại thời 1.11.4

Kiểm tra mã nguồn trong file jquery-ui.js tôi tìm thấy một mảnh như thế này:

"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; 
         } 

vấn đề là mouseHandled var thiết lập để true. Nhưng nó chỉ xảy ra nếu tuyên truyền event chưa được dừng lại.

Vì vậy, giải pháp tôi định nghĩa autocomplete của tôi như thế này:

$('.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 ... 
    } 
}) 

Nó làm việc cho tôi, tôi hy vọng nó hoạt động dành cho bạn! =)