$（'html'）。click（）...任何地方，除了一个元素 [英] $('html').click()... anywhere except one element

问题描述

我有一个动态附加的菜单，如果你点击页面上的任何地方，我将删除，包括菜单链接本身。我想实现的是防止删除，如果你单击一个特定的链接，这根本不适合我。不幸的是，我不能使用委托方法，如果这将有所帮助，由于旧版本的jquery用于客户端，没有选项更新它。

I have a dynamically appended menu which I am removing if you click anywhere on page including the menu links itself. What I am trying to achieve is to prevent the remove if you click a specific link and that simply does not work for me. Unfortunately I cant use the delegate method, if that would help, due to old version on jquery used on client side, no option to update it.

也许你可以建议如果有任何方法这样做。这是我的一个快速示例。

So maybe you could suggest if there is any way to do so. Here is a quick example of mine.

<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>

推荐答案

也许会像这样工作

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

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

这篇关于$（'html'）。click（）...任何地方，除了一个元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！