Javascript href和span標籤停滯不前？

Question

我有這個標記，

<a href="http://www.example.com">Hiya<span class="delete">Delete</span></a> 

而我的JS，

$('.delete').click(function() { 
    window.location = 'http://www.example.com/example'; 
}); 

我的問題錨標記總是贏presedence在我的javascript window.location我如何克服這個問題？

感謝

Answer 1

您需要從click()事件中返回false，防止默認行爲：

$('.delete').click(function(e) { 
    e.stopPropagation(); 
    window.location = 'http://www.example.com/example'; 
    return false; 
}); 

Answer 2

使用return false;

$('.delete').click(function() { 
    window.location = 'http://www.example.com/example'; 
return false; 
}); 

Answer 3

您是否有嘗試：

$('.delete').click(function(ev) { 
    ev.preventDefault() 
    window.location = 'http://www.example.com/example'; 
}); 

不確定，因爲「span」不是一個可點擊的標籤。

Answer 4

你可能會尋找http://api.jquery.com/event.stopPropagation/

$(".delete").click(function(event){ 
    event.stopPropagation(); 
    // do something 
});