锚点中的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';
});

我的问题是锚标记总是赢得我的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
});