在特定div中停用jquery单击功能
我有一个身体点击功能,可以在网站的背景上创建一些很酷的音乐圈。我需要的点击功能,以停用(即不工作)时,你是在960px的网站包装点击-否则加载的圆圈后面出现链接时,你点击菜单等 我的所有代码都包含在以下内容中:在特定div中停用jquery单击功能,jquery,onclick,Jquery,Onclick,我有一个身体点击功能,可以在网站的背景上创建一些很酷的音乐圈。我需要的点击功能,以停用(即不工作)时,你是在960px的网站包装点击-否则加载的圆圈后面出现链接时,你点击菜单等 我的所有代码都包含在以下内容中: $('body').click(function(e) { } 我需要停用的div是#包装容器 有什么想法吗 谢谢:)这应该可以做到: $('#wrapper-container').on('click', function(e) { e.stopPropagation();
$('body').click(function(e) {
}
我需要停用的div是#包装容器
有什么想法吗
谢谢:)这应该可以做到:
$('#wrapper-container').on('click', function(e) {
e.stopPropagation();
}
这应该做到:
$('#wrapper-container').on('click', function(e) {
e.stopPropagation();
}
使用
target.id
从单击事件中排除该特定元素
试试看
更新@Json p询问的情况 如果用户直接单击
#wrapper container
元素,则第一次检查本身将失败,控制将退出该If语句。这是一种短路实现
$('body').click(function(e) {
if(e.target.id !="wrapper-container" &&
$(e.target).parents('#wrapper-container').length == 0)
{
alert('you are out of wrapper.!')
}
});
使用target.id
从单击事件中排除该特定元素
试试看
更新@Json p询问的情况
如果用户直接单击#wrapper container
元素,则第一次检查本身将失败,控制将退出该If语句。这是一种短路实现
$('body').click(function(e) {
if(e.target.id !="wrapper-container" &&
$(e.target).parents('#wrapper-container').length == 0)
{
alert('you are out of wrapper.!')
}
});
foo
酒吧
$('wrapperFoo')。在('click',函数(e)上{
警报(“hi”);
});
$(“#包装栏”).off('click',函数(e){
警报(“hi”);
});
foo
酒吧
$('wrapperFoo')。在('click',函数(e)上{
警报(“hi”);
});
$(“#包装栏”).off('click',函数(e){
警报(“hi”);
});
您可以使用它执行检查,该检查也会处理#包装容器
的任何后代
$('body').click(function(e) {
if(!$(e.target).closest("#wrapper-container").length){ //check if the element is wrapper-container or any descendant of it if so do nothing.
//Do the stuff for others
}
});
您可以使用它执行检查,该检查还将处理#包装容器的任何后代
$('body').click(function(e) {
if(!$(e.target).closest("#wrapper-container").length){ //check if the element is wrapper-container or any descendant of it if so do nothing.
//Do the stuff for others
}
});
我想你的意思是停止繁殖而不是捕获好鱼,因为你太急了,打字太快了。我是那个意思。谢谢我猜你的意思是停止传播而不是好好捕捉,因为他很匆忙而且打字太快。我是那个意思。谢谢如果目标是包装容器div中的一个元素怎么办?@JasonP oh.)请稍等一分钟。我会找到解决方案。PSL的答案有解决方案。@JasonP感谢提供的信息:)问题已得到解决。谢谢大家-现在有了一个有效的解决方案:)如果目标是包装容器div中的一个元素怎么办?@JasonP oh.)请稍等一分钟。我会找到解决方案。PSL的答案有解决方案。@JasonP感谢您提供的信息:)问题已得到解决。谢谢每一个人-现在有一个有效的解决方案:)如果目标是“#包装容器”
?最近的不包括它。嗯,我也可能被误会。“你能证实吗?”卡尔和安德烈加冈是最亲密的人也会考虑这一点。它测试自身或其祖父母是否存在选择器。@Karl AndréGagnon对于集合中的每个元素,通过测试元素本身并在DOM树中向上遍历其祖先,获取与选择器匹配的第一个元素。我明白了,给你,+1!如果目标是“#包装容器”
,该怎么办?最近的不包括它。嗯,我也可能被误会。“你能证实吗?”卡尔和安德烈加冈是最亲密的人也会考虑这一点。它测试自身或其祖父母是否存在选择器。@Karl AndréGagnon对于集合中的每个元素,通过测试元素本身并在DOM树中向上遍历其祖先,获取与选择器匹配的第一个元素。我明白了,给你,+1!