开发者社区> 问答> 正文

问 a链接标签嵌套span链接标签,如何单独触发一个链接?

如图,整个白色框为a标签, Read more为span标签。现在点击span标签会同时触发a标签,该如何解决?
screenshot

<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 &raquo;</span>
                </div>
            </div>
        </div>
   </a>
</li>

展开
收起
杨冬芳 2016-06-21 13:33:22 4680 0
1 条回答
写回答
取消 提交回答
  • IT从业
    (function() {
       $(".readmore").click(function(event) {
          event.stopPropagation();
          event.preventDefault();
          window.location.href= "loding.html";
       });
    });

    解决方案

    2019-07-17 19:44:46
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载