javascript - jquery 非选择器不适用于事件类

Question

所以我有 2 个选项卡(Tab1 和 Tab2)。一个有活跃类别，另一个没有活跃类别。 当我单击 tab2 时，它应该根据它的内容在“行”类或“列表”类之间切换。

我可以根据下面的代码来实现它。

但是当我单击 Tab1 时，我不希望发生相同的效果，因为它有一个事件类。

我设置了以下代码来执行此操作。但这似乎不起作用:

    $(document).on('click', '#view:not(.active)', toggleEvent);

    function toggleEvent() {
      $('.view-container').toggleClass('row').toggleClass('list');
    }

这是 jsfiddle: http://jsfiddle.net/RDewq/1/

:不仅适用于列表元素吗？

Answer 1

当 #view div 上发生点击时，您会触发事件，因为它没有 .active 类:

$(document).on('click', '#view a:not(.active)', toggleEvent);
function toggleEvent(){
alert('test');
  $('.view-container').toggleClass('row').toggleClass('list');
}

http://jsfiddle.net/RDewq/2/