下拉菜單不應該被關閉，如果它被點擊

Question

我把面板放在引導下拉菜單中，但是當我點擊面板內時，下拉菜單就會消失。我在stackoverflow上得到了很多解決方案，但它對我來說不起作用。當我點擊裏面時，如何防止面板消失。 enter code here

<span class="input-group-addon dropdown"> 
     <label class="dropdown-toggle " id="dropdownMenu1" data-toggle="dropdown aria-expanded="false">Advanced Search <span class="caret"></span></label> 
     <div class="panel panel-default panel-body dropdown-menu " role="menu"" aria-labelledby="dropdownMenu1" style="width:860px; margin-left:-700px"> 
     Panel content 
     </div> 
    </span> 

Answer 1

嘗試做這樣的事情：如果你點擊它身體檢查父類，如果您在下拉點擊，如果父母有.dropdown-parentclass類，然後在下拉不會關閉。

$('body').click(function(event){ 
    if ($(event.target).parent('.dropdown-parentclass').size()>0) { 
     return false; 
    } 
}); 

Answer 2

嘗試使用下面的代碼。只有當您點擊容器旁邊時，它纔會關閉下拉菜單。

 $(document).on("mouseup", function (e) { 
     var container = $(".panel"); 

     if (!container.is(e.target) // if the target of the click isn't the container 
      && container.has(e.target).length === 0) // nor a descendant of the container 
     { 
      container.hide(); 
     } 
     else { 

     } 
    });