jquery - 在点击事件中使用 stopPropagation

Question

我在 div 内有一个带有“element”类的 anchor 。

<div class="element logout">
    <div class="subTop">
        <a href="home.jsp" onclick="return confirm('Do you want to logout?');">Log Out</a>
    </div>
</div>

我使用以下代码来处理注销。

jQuery(".element").click(function(e){
    var tmpHref=jQuery(this).not('.logout').find(".subTop>a").attr('href');
    if(tmpHref!=undefined&&tmpHref!=""&&tmpHref!=null)
    {
        window.location.href=tmpHref;
    }
    else
    {
        jQuery(this).find(".subTop>a").click();
    }
});

但我的问题是确认事件一次又一次触发。我认为这是因为均匀传播。经过我的研究，我发现我可以使用 this 中的 e.stopPropagation()邮政。但我不知道如何在这里使用它。

编辑消息“您想退出吗？”确认框中的内容是从数据库动态获取的，因此我无法将其硬编码在代码中。

Answer 1

试试这个:

HTML:

<div class="element logout">
    <div class="subTop">
        <a href="home.jsp" class="testa" >Log Out</a>
    </div>
</div>

jQuery:

jQuery(".element").click(function(e){
    e.preventDefault();
    if( confirm('Do you want to logout?'))
    {
        //console.log(jQuery(this).parents('.element'));return;
        if(jQuery(this).hasClass('logout'))
        {        
            window.location.href='logout.jsp';
        }
        else
        {
            window.location.href='home.jsp';
        }
    }
});

测试 fiddle :http://jsfiddle.net/e52QN/1/