在特定点击事件后触发Click事件。（绑定功能）

Question

下面是我的html和jquery。 Thorugh jquery我在点击logBtn时通过toggleClass函数添加并删除class-disBloS到名为inn的div。
此外，当用户点击页面上的任何内容时，我做了一个功能来删除Div（inn）的disBloS。但问题是，每当我点击身体中的任何一个时，函数就会触发。我的需求是它必须在之前单击logBtn按钮时触发。当在

之前未点击logBtn按钮时，必须触发dosent

Html代码

<a href="#" class="togg" id="logBtn"></a>
<div class="inn"></div>

Jquery在单击logBtn

时添加disBloS

$('#logBtn').click(function() {
    arrNext = $(this).next();
    arrow = $(this);
    $(this).next().toggleClass('disBloS');
    $(this).toggleClass('up');
});

Jquery在点击任何页面时删除disBloS

$('body').click(function(e){
  if(e.target.id !== 'logBtn') {
          $(arrNext).removeClass('disBloS');
          $(arrow).removeClass('up');

  }

}）;

Answer 1

这可以解决您的问题吗？ 这将阻止logBtn上的点击传播到正文。

$('#logBtn').click(function(e){
    $(this).next().toggleClass('disBloS');
    e.stopPropagation();
});