Javascript 使用侧边栏列表菜单上的event.stopPropagation（下拉按钮除外）

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

1-我将此代码用于body 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');

  }
});
});

$（文档）.ready（函数（）{
//单击主体上的事件隐藏元素
$（“#col-click1”）。单击（函数（）{
if（$（window）.width（）<（991）和&$（“body”）.hasClass（“侧边栏打开”））{
$（“body”）.removeClass（'sidebar-open'）；
}
});
});

2-要禁用打开下拉菜单的li上的body 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();
    });

$（'#demo222'）。单击（函数（事件）{
event.stopPropagation（）；
});

您可以使用类和已更改的类，并在此类“class=”已更改项“上添加事件：

您将不会使用event.stopPropagation（）

您好，谢谢您的回复，但我已经找到了一个很好的解决方案。我只是在specefic类上应用了click事件，而不是在body上。

         <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');