除了某个对象之外,JQuery单击处理程序

时间:2009-07-10 14:22:44

标签: jquery html

如何查看除特定对象之外的所有内容? 我使用(不是),但我不确定如何调用整个页面的类/ id。

$(".page").not("#divInfoBox").click(function (event) {

}

HTML代码中指定page的正确方法是什么,因为我有类似的内容:

<html>
<body>
    <div class="page">  
    </div>
</body>
</html>

我看到的是:点击页面的上半部分;但页面底部只有背景颜色,点击不会注册,因为它是“关闭页面” - 如何扩展这一点,以便点击无处不在?

谢谢, 迈克尔

3 个答案:

答案 0 :(得分:10)

试试这个:

$("body:not('#divInfoBox')").click(function (event) {

});

阅读not选择器的文档页面:

http://docs.jquery.com/Selectors/not

答案 1 :(得分:1)

您可以将click事件添加到“html”元素中。这样,即使您“关闭”页面,也会获得活动:

$("html").click( function() { ...  } );

演示可以在这里看到:http://jsbin.com/eguti

答案 2 :(得分:-1)

你错过了);最后,应该是这样的:

$(".page").not("#divInfoBox").click(function (event) {
    // do something
});

至于你的问题,'page'div没有扩展到页面的底部,因此你需要注册该函数来处理body标签。

此外看起来当你点击某些东西时会弹出一个弹出窗口,当你点击一边时它会消失。我建议寻找一个能够为你处理这个问题的插件。我知道有几个。我个人喜欢jqModal