嵌套链接

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