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事情,有点愚蠢,但没办法,有好的办法再上传。
$(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事情,有点愚蠢,但没办法,有好的办法再上传。
相关文章推荐
- iOS安全系列之一:HTTPS
- Android网络取数据显示到ListView实例
- android传感器使用规范(2)
- iOS App 研发的最后冲刺:内测与部署
- vim编辑器常用命令
- Codeforces Gym 100425D D - Toll Road 找规律
- 条件注释,判断浏览器版本
- Uniqueidentifier数据类型
- Connect the Cities(prime)
- ORACLE分页查询SQL语法——最高效的分页
- android传感器使用规范(1)
- HDU 1495 非常可乐
- 黑马程序员——java学习13(毕22)——GUI
- 简单的dialog菜单
- html学习笔记(8)
- 我的iOS开发之Objective-C第5、6天之Founcation
- maven 手动添加jar包到本地仓库和nexus
- POJ2752 Seek the Name, Seek the Fame
- oracle中的sql%rowcount
- Java 流缓冲区问题