Question

以下是html代码。最后的div是调用javascript的超链接。这是较长页面的底部，但是在最终的超链接（显示在页面上，但不是可单击的链接）之前，所有内容都可以使用。

<div style="padding-left:15%;">
  <a href="#" onclick="Showpages(18);" class="tfl" style="text-decoration:none; color:rgb(255,255,255)"><span class="blank">Action Hyperlink</span></a>
</div><br>

<div class="sp_01 bordered">
  <ul class="sp_03 bordered">
    <li class="sp_03 bordered" style="text-align:justify;">Text 1</li><br>
    <li class="sp_03 bordered" style="text-align:justify;">Text 2</li><br>
    <li class="sponsor_03 bordered" style="text-align:justify;">Text 3</li>
  </ul>
</div><br><br>

<div style="padding-left:15%;">
  <a href="#" onclick="ShowPages(18);" class="tfl" style="text-decoration: none; 	color:rgb(255,255,255)"><span class="blank">Action Hyperlink</span></a>
</div><br>

超链接的第一个实例起作用。在-div class =“ sp_01带边框的”-部分之后，超链接的最终实例显示为一行，而不是单击链接。

这类问题通常与前面的标签的打开和关闭方式有关。我研究了打开和关闭标签，没有发现任何问题。我的编辑器（Atom）中的颜色编码对于所有标签都是正确的。

怎么了？

Answer 1

只需将您的DIV包裹在a中，就像

  <a href="#" onclick="ShowPages(18);" class="tfl" style="text-decoration: none;    color:rgb(255,255,255)"><span class="blank">Action Hyperlink</span>
    <div style="padding-left:15%;">

    </div>
 </a>
<br>

修改

对于将来的引用，此答案没有提供足够的信息。因此，我试图删除它。但是，一旦答案被良人接受，就无法删除。

为什么此超链接不能按此处编写的方式工作？

1 个答案: