toggle事件
jquery的toggle:
toggle(function(){},function(){}...); 用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件
$("button").toggle(function(){ $("button").css("background-color","green");}, function(){ $("button").css("background-color","red");}, function(){ $("button").css("background-color","yellow");} );
每点击一次button,会切换button的一种背景颜色。
如何动态绑定toggle?
我们可以这样做:
$(obj).bind("click",function(){ $(this).toggle(function(){ alert(1); }, function(){ alert(2); }); $(this).trigger('click'); });
注意:toggle在jquery1.9+就不能用了