javascript - $ ('html' ).click()...除一个元素外的任何地方

Question

我有一个动态附加菜单，如果您单击页面上的任意位置(包括菜单链接本身)，我将删除该菜单。我想要实现的是在您单击特定链接时防止删除，这对我来说根本不起作用。不幸的是，我不能使用委托(delegate)方法，如果这有帮助的话，由于在客户端使用旧版本的 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/