无法在(CSS)函数之间切换

时间:2011-12-02 13:37:25

标签: jquery

$(".m").toggle(
    $(".m").addClass('on'),
    $(".m").removeClass('on') 
);

这似乎不是我想要的方式,我做错了还是别的?

我试过你的方式,他们似乎工作但这个问题在css中,它没有显示.on,它看起来像这样:

    a.m {color:red;}
    a.m:hover {color:blue;}
    a.m:active, .on {color:green;}

2 个答案:

答案 0 :(得分:5)

尝试使用.toggleClass()

$(".m").toggleClass("on")

参考:.toggleClass

  

描述:在匹配元素集中的每个元素中添加或删除一个或多个类,具体取决于类的存在或switch参数的值。

答案 1 :(得分:0)

你应该将它们包装在函数中,如下所示:

$(".m").toggle(function() {
   $(".m").addClass('on');
}, function() {
    $(".m").removeClass('on')
} );

http://api.jquery.com/toggle-event/