在Jquery中检测Anchor标记

Question

我的锚标签无效

这是我的代码：

   $('.tree div').click(function(){
                    var o = $(this);
                    o.children('div').slideToggle();
                    o.filter(".parent").toggleClass("expand");
                    return false;

                });

我的HTML代码是：

 <div class="tree">
            <div class="parent">
                Parent
                <div class="parent">
                    Parent 1
                    <div>
                        <a href="http://google.com">Childe 2.1</a>
                    </div>
                    <div>
                        Childe 2.2
                    </div>
                </div>
                <div class="parent">
                    Parent 2 
                    <div>
                        one 3.1
                    </div>
                    <div>
                        one 3.2
                    </div>
                </div>
            </div>
            <div class="parent">
                Parent
                <div class="parent">
                    parent 1
                    <div>
                        Childe 2.1
                    </div>
                    <div>
                        Childe 2.2
                    </div>
                </div>
                <div class="parent">
                    parent 2
                    <div>
                        Childe 2.1
                    </div>
                    <div>
                        Childe 2.2
                    </div>
                </div>
            </div>
        </div>

但是当我点击Childe 2.1时，它无法打开google.com

请帮帮我。

由于

Answer 1

我从...中取出它。

  

但是当我点击Childe 2.1时，它确实打开了google.com

...您想阻止链接行为吗？

在这种情况下，您需要以下代码：

$(".tree A").click(function(e) {
    e.preventDefault();
});

如果这不是您要求的，请扩展您的OP，以包含有关您的问题的更多详细信息，以及您希望发生的事情。

Answer 2

我认为这就是你想要的。 e.stopPropagation()是我添加的内容。

$('.tree div').click(function(e){
                var o = $(this);
                o.children('div').slideToggle();
                o.filter(".parent").toggleClass("expand");
                e.stopPropagation();
            });

• 注意我还添加了e作为函数function(e)的参数。

• Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.