html - 围绕桌子的 href 在 Internet Explorer 中不起作用

Question

我想要一个可点击的表格。此代码适用于所有浏览器，IE8 除外。我没有在 IE9 中测试过，但它在 IE10 中有效。不工作是指当我点击表格时没有任何反应。为什么？

<a href="www.cnn.com" target="_blank" class="nonlink">
  <table>
    <tr>
      <td>
        <p>hello</p>
      </td>
    </tr>
  </table>
</a>

这当然有效：

<a href="www.cnn.com" target="_blank" class="nonlink">
  hello
</a>

我在不存在其他代码的清晰网页中测试了代码。

Answer 1

自从您使用非法方式以来，它显然不会起作用。
您不能<a>在表格标签之外使用标签。

但是，您始终可以使用<a>内部<p>标记，因此代码将是有效的，如下所示：

  <table>
    <tr>
      <td>
        <p><a href="www.cnn.com" target="_blank" class="nonlink">hello</a></p>
      </td>
    </tr>
  </table>

编辑

这是您的代码的另一种方法，因此表中的空白空间将被修复。

$('td').on("click", function(){
    window.location = ""; // Add whatever your window location (I.E. index.html)
});

Answer 2

它确实有效，但这绝对不是一个好习惯。从您的示例中，您应该能够在单元格中包含锚点。

<table>
    <tr>
        <td>
            <p><a href="http://www.cnn.com" target="_blank" class="nonlink">hello</a></p>
        </td>
    </tr>
</table>

单击此处进行演示。