如图,整个白色框为a标签, Read more为span标签。现在点击span标签会同时触发a标签,该如何解决?
<li>
<a href="http://www.behance.net" target="_blank">
<div class="web-content">
<div class="web-content-top">
<div class="web-logo">
<img class="img-responsive" src="images/Behance.png" />
</div>
<span class="web-name">Behance</span>
</div>
<div class="web-content-bottom">
<div class="dot web-content-bottom-content">Behance是2006年创立的著名设计社区
<span onclick="location.href='readmore.html'" class="readmore">Read More »</span>
</div>
</div>
</div>
</a>
</li>
(function() {
$(".readmore").click(function(event) {
event.stopPropagation();
event.preventDefault();
window.location.href= "loding.html";
});
});
解决方案
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。