javascript - Jquery 删除类正在重新应用该类

Question

我是 jquery 的新手，我正在尝试添加然后删除一个 div 类。首先，我在单击 div 时使用 addClass(); 添加类名，然后我想通过单击链接将其删除。这是我到目前为止编写的代码，但它不起作用。 https://jsfiddle.net/j2tsk90k/1/

我做错了什么？

HTML:

<div class="block yellow expandable skewX">
<div>Test</div> <span id="transp">  
<a id="close">close</a>
</span>
</div>

JS:

$('.expandable').on('click', function () {
 $(this).addClass('fullscreen');
});

$('#close').click(function () {
 $('.expandable').removeClass('fullscreen');
});

注意:

• 在 firefox 上，它的行为就像是在单击链接时重新应用该类。
• 在 Chrome 上，链接不可点击。

提前致谢

Answer 1

那是因为父事件是在子点击时触发的。您需要停止向子元素传播事件:

$('#close').click(function (e) {
  e.stopPropagation()
  $('.expandable').removeClass('fullscreen');
});

Working Demo