在toggleClass之后jQuery选择器不工作

Question

我只希望点击非活动（红色）开关，但是在切换类之后jQuery Selector没有按预期工作。

我也试过“.live”......我在这里错过了什么？

http://codepen.io/anon/pen/ojpdf

标记：

<div class="controls group">
  <span class="switch inactive"></span>
  <span class="switch"></span>
</div>

JS：

$('.inactive').on('click', function() {

  $(this).toggleClass("inactive");
  $(this).siblings().toggleClass("inactive");

});

Answer 1

使用

$(document).on('click', '.inactive', function () {
    $(this).toggleClass("inactive");
    $(this).siblings().toggleClass("inactive");
});

Answer 2

$('.controls').on('click','.switch', function(){
      $('.switch').toggleClass('inactive');
});