[英]how to stop redirection of parent href tag when clicked on child div?
我有以下结构
码
<a href="blah.html" class="re-direct">
<div class="1div"></div>
<div class="2div">
<div class="click" data-id="text">click</div>
</div>
</a>
<script>
$(document).on('click',".click",function(){ alert($(this).data('id')) })
</script>
上面的代码工作正常,但它重定向到页面blah.html如何阻止它重定向?
您需要停止将DOM上的click事件传播到a
元素,并且还要阻止链接的默认行为:
$(document).on('click', ".click", function(e) {
e.stopPropagation();
e.preventDefault();
alert($(this).data('id'))
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.