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+就不能用了

posted @ 2014-08-05 12:28  菩提明镜  阅读(201)  评论(0编辑  收藏  举报