您的位置:首页 > 其它

jq中的live、toggle联合解决toggle无法绑定未来元素的事实

2015-08-12 18:58 295 查看
  $(".box>div").live('click',function(){
        $(this).toggle(function(){
                $(this).css('background-color','#33FFFF');
            },function(){
                $(this).css('background-color','#33FF00');
            },function(){
                $(this).css('background-color','#0066CC');
            }
        );
    })
    $(".box>div").trigger('click'); //触发click事件,绑定toggle
 
    toggle()事件没有事件委托机制,所以无法直接和未来元素直接绑定,所以我们需要借用live()的事件委托机制来绑定toggle事件。如果想要进来就直接加载的话,这样子就别扭一些,利用11所示的,浏览器默认触发该选择器的click事情,有点愚蠢,但没办法,有好的办法再上传。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: