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

1.   $(".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事情，有点愚蠢，但没办法，有好的办法再上传。