Jquery单击事件不适用于新添加的类

时间:2017-12-20 09:45:55

标签: javascript jquery

任何人都可以帮助我,我在这里做错了什么。

我想添加一个类,当我点击该类时,它应该删除该类。

$(".processing-signs-direction-cover-sign-direction-selection-process").click(function() {
  $(this).addClass("selected-sign");
});

$(".selected-sign").click(function() {
  $(this).RemoveClass("selected-sign");
  alert(23);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

谢谢

1 个答案:

答案 0 :(得分:0)

click事件仅绑定到现有元素。要绑定到动态添加的元素,您可以找到解决方案here

但为什么不使用toggleClass

e.g。

&#13;
&#13;
$(".processing-signs-direction-cover-sign-direction-selection-process")
  .click(function() {
    $(this).toggleClass("selected-sign");
  });
&#13;
.selected-sign {
  color: red;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="processing-signs-direction-cover-sign-direction-selection-process">click me</div>
&#13;
&#13;
&#13;