我正嘗試使用JQuery創建彈出式菜單。這個菜單顯示何時點擊某個元素,當然,當再次點擊相同的元素時,它會崩潰。 現在我想要的是,在這個菜單打開後,當用戶點擊網頁上的任何地方時,菜單應該關閉。我正在使用下面的代碼來完成此操作。在菜單外部單擊時摺疊菜單,但在內部單擊時保持打開狀態
<script>
$(document).on('click',function(){
$('#div-header-submenu').collapse('hide');
});
現在發生的事情是,當用戶點擊網頁上的任何地方,包括菜單自己,菜單關閉。所以,即使您嘗試訪問(#div-header-submeu)中的子菜單,它也會打開子菜單,但會摺疊主菜單。
任何想法如何解決這種情況?爲了重新迭代,我需要#div-header-submenu在主菜單中單擊時保持打開狀態,但如果在外部任何位置點擊則會崩潰。
這是菜單的小提琴完整的標記 https://jsfiddle.net/ozbk3kLs/
感謝,
您可以添加HTML標記和jQuery的其餘部分,顯示/隱藏菜單.. – Arty
只需添加鏈接到小提琴。這是jquery的標準引導 – Muhammad