0

クリック可能なテーブルが必要です。このコードは、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>

他のコードが存在しない明確な Web ページでコードをテストしました。

4

2 に答える 2

2

違法な方法を使用しているため、明らかに機能しません。table タグの外にタグ
を使用することはできません。<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)
});
于 2013-10-03T19:16:19.653 に答える
0

それは機能しますが、間違いなく良い習慣ではありません。あなたの例から、セルにアンカーを含めることができるはずです。

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

ここをクリックしてデモをご覧ください。

于 2013-10-03T19:16:06.433 に答える