嵌套鏈接

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