jQuery父元素事件'点击'阻止href链接

时间:2014-12-10 15:02:37

标签: javascript jquery javascript-events

使用类设置div时,使用jQuery将click事件附加到该类,它会阻止任何子href工作。 例如:

HTML

<div class="someClass">
    some text here 
    <a href="http://www.google.com">and a link</a>
</div>

JS

$('body').on('click', '.someClass', function(e) {
    alert("clicked");
});

jsfiddle:http://jsfiddle.net/w6ero5j5/2/

即使点击链接,也会始终提醒消息。 如何使链接有效?

1 个答案:

答案 0 :(得分:0)

我不知道你为什么要这样。但是,当你设置警报功能时会发生这种情况。 然后,如果执行此操作,则没有问题。 code here

$('.someClass').on('click', function(){
  var $this = $(this);
    if ( $this.hasClass("ok") ) {
      $this.removeClass("ok");
    } else {
      $this.addClass("ok");
    }
});