jQuery 冒泡事件
2010-01-09 10:04
190 查看
点击按钮时显示层,点击其它地方时隐藏这个层;
$(document).ready(function() {
var speed = 500;
//隐藏层
$(document).bind("click", function() { $(".divPop").fadeOut(speed); });
//在层内点击不隐藏层
$(".divPop").bind("click", function(e) { e.stopPropagation(); });
//显示投票框
$(".btnShow").bind("click", function(e) {
//先隐藏所有的投票框
//$(".divPop").fadeIn(speed);
//阻止冒泡
e.stopPropagation();
//设置投票框显示位置
$(".divPop").fadeIn(speed);
});
});
$(document).ready(function() {
var speed = 500;
//隐藏层
$(document).bind("click", function() { $(".divPop").fadeOut(speed); });
//在层内点击不隐藏层
$(".divPop").bind("click", function(e) { e.stopPropagation(); });
//显示投票框
$(".btnShow").bind("click", function(e) {
//先隐藏所有的投票框
//$(".divPop").fadeIn(speed);
//阻止冒泡
e.stopPropagation();
//设置投票框显示位置
$(".divPop").fadeIn(speed);
});
});
相关文章推荐
- jquery的冒泡事件
- 带你学习JQuery:事件冒泡和阻止默认行为
- jQuery停止事件冒泡
- jquery使用on()方法绑定元素阻止事件冒泡问题
- jQuery中阻止冒泡事件的方法介绍
- Jquery--防止事件冒泡
- jquery中阻止事件冒泡的方法
- 【jQuery】jQuery中的事件捕获与事件冒泡
- jquery事件冒泡详解
- JQuery 提供了两种方式来阻止事件冒泡及区别
- 关于jquery动态加载节点后阻止事件冒泡失效的问题
- jQuery 事件冒泡
- 理解jquery事件冒泡
- JQuery中阻止事件冒泡方式及其区别
- JQUERY中的事件处理:RETURN FALSE、阻止默认行为、阻止冒泡以及兼容性问题
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器) 转
- JQuery取消事件冒泡
- JQuery阻止事件冒泡
- JQuery中阻止事件冒泡方式及其区别
- JQuery 提供了两种方式来阻止事件冒泡