1

看起来好像嵌套锚标签是不可能的,是否可以使用 Javascript 来将 Div Box 超链接到 Page-A,同时在 Div Box 内有一个 Text 字词到 Page-B 的超链接?

尝试使用以下 Javascript(用于超链接 Box 或 Text,但不能同时使用两者):

<script type="text/javascript">

  // Content-Link Click Events

  $('.content-link-page-a').click(function(){
    window.location.href = "page-a.html";
  });

  $('.content-link-page-b').click(function(){
    window.location.href = "page-b.html";
  });

</script>

这是一些CSS:

<style>
  .box {
    height: 50px;
    width: 100px;
    border: 1px solid #000;
  }
</style>

这是HTML:

<div class="box content-link-page-a">
      <div id="username" class="content-link-page-b">UserName</div>
</div><!--/box-->
4

1 回答 1

1

您应该从内部 DIV 周围删除 A,给它一个比外部更大的 z-index,并通过调用event.stopPropagation来处理内部单击事件,以防止事件冒泡到外部 div。这是解决任务的小提琴。

内部处理程序示例:

$('.content-link-page-b').click(function(e){
    alert("page-b.html");
    e.stopPropagation();
});

编辑:在我上面的评论中,我提到了 e.preventDefault() 调用。我不是那个意思,因为这意味着本机 DOM 元素的处理程序将被阻止,而不是 jQuery 事件冒泡。

于 2013-06-27T22:00:13.293 回答