当前位置：文江博客话题详情

单击实时选择器外部

发布于 2024-08-28 05:15:42 字数 204 浏览 5 评论 0原文

如果用户单击页面上该元素之外的任何位置，我想使用 live 方法隐藏该元素。它与 clickoutside 插件的功能完全相同，但使用的是 ajax 加载的元素。关于如何做到这一点有什么想法吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

多彩岁月 2024-09-04 05:15:42

像这样的东西

$("yourelementselector").live("click", function(){
    // your code
    return false; // prevents bubbling of event
});

$("body").click(function(){
   var yourElement = $("yourelementselector");
   if (yourElement.is(:visible))
   {
       yourElement.hide();
   }
});

Something like

$("yourelementselector").live("click", function(){
    // your code
    return false; // prevents bubbling of event
});

$("body").click(function(){
   var yourElement = $("yourelementselector");
   if (yourElement.is(:visible))
   {
       yourElement.hide();
   }
});

回复收藏 0 原文

吐个泡泡 2024-09-04 05:15:42

您可以执行以下操作：

$("#myElement").live('click', function(){
   return false;
});
$("body").live('click', function(){
   $("#myElement").hide();
});

工作原理：如果您单击该元素，则单击事件不会冒泡，从而导致单击元素。如果您在元素外部单击，它会冒泡，最终到达隐藏您的元素的。

You can do this:

$("#myElement").live('click', function(){
   return false;
});
$("body").live('click', function(){
   $("#myElement").hide();
});

How it works: If you click on the element, the click event doesn't bubble up, causing a click on the <body> element. If you click outside the element though, it bubbles up, eventually getting to <body> which hides your element.

回复收藏 0 原文