Question

如果用户点击该元素之外的页面上的任何位置，我想使用live方法隐藏元素。它与clickoutside plugin完全相同，但加载了ajax元素。关于如何做到这一点的任何想法？

Answer 1

像

这样的东西

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

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

Answer 2

你可以这样做：

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

工作原理：如果单击该元素，则单击事件不会冒泡，导致单击<body>元素。如果你点击元素外面，它会冒泡，最终到达隐藏你的元素的<body>。

Answer 3

有一个示例是clickoutside事件的修改版本，适用于live：http://benalman.com/news/2010/03/jquery-special-events/#highlighter_680190

实时选择器的clickoutside

3 个答案: