jquery not selector不在活动类上

时间:2013-10-22 01:46:34

标签: javascript jquery jquery-ui jquery-plugins

所以我有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/

是否:不仅可以使用列表元素吗?

1 个答案:

答案 0 :(得分:2)

当你在#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/