Javascript href和span标签是否锚定？

Question

I have this markup,

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

And my js,

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

My problem the anchor tag always win presedence over my javascript window.location how can I overcome this?

Thanks

Answer 1

You need to return false from the click() event to prevent the default behaviour:

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

Answer 2

Use return false;

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

Answer 3

Have you tried with:

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

Not sure, though, since "span" is not a clickable tag.

Answer 4

You might be looking for http://api.jquery.com/event.stopPropagation/

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