ẩn menu jquery ui khi nhấp vào bất kỳ nơi nào khác

Question

hey guys đã hy vọng bạn có thể giúp tôi ...

im phần nào của người mới làm quen với javascript và jquery. cố gắng triển khai thực đơn jquery-ui xuất hiện khi một đối tượng được nhấp nhưng sẽ biến mất khi một lần nhấp được thực hiện ở bất kỳ nơi nào khác ngoài chính trình đơn đó.

đây là đoạn code tôi có cho đến nay

$("div.item").click(function(e){ 
     $("#menu").menu(); 
     $("#menu").css("top",e.pageY); 
     $("#menu").css("left",e.pageX); 

     }); 

bây giờ tôi muốn ẩn và tiêu diệt menu nếu một nhấp chuột được thực hiện bất cứ nơi nào khác hơn là trên itself..thanks đơn trước.

Answer 1

Bạn muốn sử dụng sự kiện làm mờ, sẽ kích hoạt khi một đối tượng bị mất tiêu điểm. Nhấp vào cái gì đó khác sẽ lấy nét.

$("#menu").blur(function() { 
    // Your code here to either hide the menu (.toggle()) 
    // or remove it completely (.remove()). 
}); 

Answer 2

Chỉ cần để xe tăng cho mã trên và bình luận (@ chết relic0, @ levi-Botelho)

// create 
$('#menu').blur(function() { 
    $('#menu').hide(); 
}); 

// show 
$('#menu').show().focus(); 

Answer 3

tôi đã cùng một vấn đề với widget JQuery UI Chọn Menu và các vấn đề xảy ra vì tôi đã không nhập tệp css selectmenu css UI của JQuery UI. Tôi đã chọn không vì tôi muốn tự mình chọn kiểu menu.

Để khắc phục sự cố tôi đã thêm [aria-hidden="true"] { display: none; } vào css của riêng mình, tôi nhận thấy rằng thuộc tính aria này đang chuyển đổi giữa true và false khi tôi cố gắng khắc phục sự cố.

Answer 4

hi đây là quy trình chúng tôi làm theo trong Công nghệ Oodles để ẩn ngày tháng jquery.

Cấu trúc cơ bản của phương thức của chúng tôi sẽ trông như thế này.

<button class="btn btn-info btn-lg" data-target="#myModal" data-toggle="modal" type="button">Open Modal</button> 

Và đây là css cơ bản của chúng tôi và đó là phương thức chiều cao được xác định.

.modal-body { 
    min-height: 500px; 
    max-height: 500px; 
    overflow: auto; 
} 

$(".modal-body").scroll(function(){ 
    $("#ui-datepicker-div").hide(); 
}); 

hy vọng nó giúp