Question

jquery 点击一次后再次点击失效了

如下所示
$(".i1").click(function () {
$(".on").removeClass().addClass("i1");
$(this).removeClass().addClass("on");

});
第一次点击i1的时候class切换过来了，但是再次点击切换过后的i1的时候就不能再次切换，求大神解答啊！

Answer 1

$(this).removeClass().addClass("on");句话会把类名为i1的元素的类名移除，给他添加类名on，所以$(".i1").click在执行的时候就找不到这个元素了。

Answer 2

亲，你的类名写错了吗，应该是:
$(".on").removeClass().addClass("i1");后面的是.i1

$(this).removeClass().addClass("on");后面的是.on

追问

不用加那个点的就是addClass("on")

追答

亲，那你要吧html和css贴出来才行啊，这样都不知道你的类名到底有么有误

追问

第一次点击可以切换，第二次点击切换过来的i1，就不能再切换回去了

Answer 3

$(this).removeClass().addClass("on");
改为$(this).addClass("on");
你把class".i1"给删了

Answer 4

$('#xxxx').click(function(){alert('click')})setTimeout(function(){$('#xxxx').trigger('click')},1000)参考trigger方法，触发指定的事件

追问

不懂！

Answer 5

注意一点，动态生成的不能直接用click绑定事件，要用live()方法

$(".i1").live('click',function(){
    $(".on").removeClass().addClass("i1");
    $(this).removeClass().addClass("on");
});
// 参考：http://www.hi-docs.com/jquery/live.html

还需要注意jquery版本问题，live事件在1.7版本可用，高于1.7需要使用on事件