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