使用侧边栏列表菜单上的event.stopPropagation除了下拉按钮

Question

首先感谢您的帮助。当您点击正文中的任何位置（包括边栏菜单列表）时，我正在使用正文单击关闭侧边栏。我想在列表菜单中仅在列表下拉菜单中禁用body。

1 - 我使用此代码为身体click事件

$(document).ready(function() { 
// Click event on body hide the element 
$("#col-click1").click(function() { 
    if ($(window).width() < (991) && $("body").hasClass("sidebar-open")) { 
    $("body").removeClass('sidebar-open'); 

    } 
}); 
}); 

2-李中打开个下拉菜单我试图用thebelow代码禁用身体click事件，但我知道这是没有按”吨。我正在寻找替代解决方案，因为我新使用jQuery。

<li ui-sref-active="active" id="demo222" class="sidebar-only"><a data-  target="#demo2" class="list-group-item list-group-item-success sidebar-only" data-toggle="dropdon" data-parent="#MainMenu"><img src="/app/img/icons/candidate_settings.png" id="input_img0">Mon compte</a></li> 
    <div class="dropdown-menu" id="demo2"> 
<li ui-sref-active="active"><a style="color: #7c868d !important; font-weight: 400 !important;" href="" style="cursor: pointer;" class="list-group-item">compte</a></li> 
<li ui-sref-active="active"><a style="color: #7c868d !important; font-weight: 400 !important;" href="" style="cursor: pointer;" class="list-group-item">Support</a></li> 
<li ui-sref-active="active"><a style="color: #7c868d !important; font-weight: 400 !important;" href="" class="list-group-item" ng-click="logout()">Se sign out</a></li> 
</div> 

    $('#demo222').click(function(event){ 
    event.stopPropagation(); 
    }); 

Answer 1

你可以使用类和改变类，并ONM此类“类=‘更改项目’”添加事件：

  <li ui-sref-active="active" class="changed-item" id="demo222" class="sidebar-only"><a data-  target="#demo2" class="list-group-item list-group-item-success sidebar-only" data-toggle="dropdon" data-parent="#MainMenu"><img src="/app/img/icons/candidate_settings.png" id="input_img0">Mon compte</a></li> 
     <div class="dropdown-menu" id="demo2"> 
    <li ui-sref-active="active" class="changed-item"><a style="color: #7c868d !important; font-weight: 400 !important;" href="" style="cursor: pointer;" class="list-group-item">compte</a></li> 
    <li ui-sref-active="active" class="changed-item"><a style="color: #7c868d !important; font-weight: 400 !important;" href="" style="cursor: pointer;" class="list-group-item">Support</a></li> 
    <li ui-sref-active="active" class="changed-item"><a style="color: #7c868d !important; font-weight: 400 !important;" href="" class="list-group-item" ng-click="logout()">Se sign out</a></li> 
    </div> 

按类=“更改项目”选择打开拨号：

$('.change-item').click(function() { 
    //open dialog 
}) 

and not active you can toggle this class: 

$("body").removeClass('changed-item'); 

，你会不会使用event.stopPropagation（）;