下拉菜单不应该被关闭，如果它被点击

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 { 

     } 
    });