隱藏jQuery的用戶菜單當點擊任何其他

我有點新手jQuery和JavaScript。試圖實現一個jquery-ui菜單，當單擊一個對象時出現，但當在菜單本身以外的任何位置進行單擊時消失。

這是我迄今爲止

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

     });

現在我想隱藏並銷燬菜單，如果點擊預先比對菜單itself..thanks其他任何地方的代碼。

來源

2012-12-14 Ahmed-Anas

您想要使用blur事件，該事件在對象失去焦點時觸發。點擊其他的東西將會消除焦點。

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

來源

2012-12-14 07:50:57

不能得到它的工作，因爲只有當我在「#menu」首次點擊一個項目，然後單擊其他地方在屏幕上的一些原因，事件被調用。 –

居然有它的工作..我只需要做$（「＃menu」）。當它被點擊，因爲當點擊div和菜單顯示時，重點不在菜單上..感謝解釋，因爲它幫助我弄明白了:) .. –

就爲了上面的代碼和註釋坦克（@死亡relic0，@列維 - 博特略）

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

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

來源

2013-04-27 19:37:03 iman

我曾與JQuery用戶界面selectmenu插件的同樣的問題，發生了，因爲我的問題沒有導入JQuery UI selectmenu css文件。我選擇不是因爲我想自己設計選擇菜單。

要解決我加入[aria-hidden="true"] { display: none; }我自己的CSS問題，我注意到，這個唱段財產true和false之間切換時，我玩弄試圖解決這個問題。

來源

2015-05-30 22:39:07

嗨，這是我們在Oodles技術中隱藏jquery datepicker的過程。

我們的模態的基本結構將如下所示。

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

這是我們的基本css，這是定義的高度模態。

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

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

希望它有助於

來源

2016-10-07 12:56:34

隱藏jQuery的用戶菜單當點擊任何其他

回答

相關問題