Question

我有一个动态附加的菜单，如果您点击页面上的任何位置（包括菜单链接本身），我将删除该菜单。我想要实现的是如果你点击一个特定的链接阻止删除，这对我来说根本不起作用。不幸的是我无法使用委托方法，如果这会有所帮助，由于客户端使用的jquery上的旧版本，没有更新它的选项。

所以也许你可以建议是否有办法这样做。这是我的一个简单例子。

<script>
            $(function() {

                $('.menu').append('<a href="" class="solid">Option</a> <a href="">Option</a> <a href="">Option</a>');                               

                $('.menu a').live('click',function(){
                    return false;
                });

                $('a.solid').live('click',function(){
                    return false;
                });

                $('html').click(function() {                    
                    $('.menu').remove();                
                });             

            });

        </script>

和容器

<div class="menu"></div>

Answer 1

也许它会像这样工作

$('html').click(function(e) {                    
   if(!$(e.target).hasClass('solid') )
   {
       $('.menu').remove();                
   }
});

请参阅：http://jsfiddle.net/fq86U/2/

Answer 2

你尝试过这个：

$('.menu a').click(function(event){
   event.stopPropagation();
});

Answer 3

您还可以检测整个文档的点击次数，并检查点击的当前元素是否为菜单元素

$(document).click(function(event){
    if(event.target !== $('.menu')[0]) {
        // hide the menu...
    }
});

Answer 4

$('html').click(function(e) {

        /* exept elements with class someClass */ 
        if($(e.target).hasClass('someClass')){
            e.preventDefault();
            return;
        }

        /* but be carefull the contained links! to be clickable */
        if($(e.target).is('a')){
            return;
        }

        /* here you can code what to do when click on html */

    });

$（'html'）。click（）...除了一个元素以外的任何地方

4 个答案: