在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();
            });

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

• 防止事件使DOM树冒泡，从而防止任何父处理程序收到该事件的通知。