jQuery / html中的嵌套链接

Question

这是我的代码：

            <li>
                <a href="{{ path('homepage') }}" class="active">
                    <i class="fa fa-tasks fa-fw"></i> 
                    {% trans %} global.item {% endtrans %} <span id="pending-badge" class="badge pull-right">{{ pendingItems() }}</span>
                </a>
            </li>

我也有这个jQuery：

    $('#pending-badge').click(function () {
        window.location.href = '{{ path('pending') }}';
    });

但是我注意到点击徽章实际上并没有将我重定向到该页面。

如果我将console.log('test');放在jQuery函数中，我会在控制台中看到它，所以我知道该事件正在注册。但我认为，因为它发生在更广泛的<a>链接中，它只是默认（homepage）而不是我在jQuery中提供的链接（pending）。

我该如何解决这个问题？

Answer 1

您可以return false或致电event.preventDefault()

来阻止默认操作

$('#pending-badge').click(function (e) {
    window.location = 'http://google.com';
    return false;
});