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

因为你使用iligal方式，它显然不会工作您不能在表格标记外使用<a>标记。

但是你总是可以在<a>标记内使用<p>，这样代码就会变成vaild，就像那样：

  <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>

点击here进行演示。

表格中的href在Internet Explorer中不起作用

2 个答案: