Href вокруг стола не работает в Internet Explorer

Question

Href вокруг стола не работает в Internet Explorer

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>

Я проверил код на четкой веб-странице, где нет другого кода.

erdomester 03 окт. 2013, в 22:03

Источник

1

A это встроенный элемент. table является элементом уровня блока. Ваш HTML-код недействителен, потому что встроенные элементы не должны содержать элементы уровня блока. Что именно вы пытаетесь достичь?
Cfreak 03 окт. 2013, в 19:14
0

Я полагаю, альтернативой является JS onclick ?
tymeJV 03 окт. 2013, в 19:15
0

Событие JS onclick может вызвать плохое поведение
erdomester 03 окт. 2013, в 19:19

Показать ещё 1 комментарий

Теги:

html

2 ответа

2

Очевидно, что это не сработает, поскольку вы используете неправильный путь.
Вы не можете использовать тег <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)
});

Yotam 03 окт. 2013, в 17:04

0

Это обходной путь, и он не работает, когда вы нажимаете на пустое пространство таблицы, где нет текста.
erdomester 03 окт. 2013, в 19:19
0

Ну, вы всегда можете использовать jQuery для этого, я обновлю свой код для чего-то более полезного для вас.
Yotam 03 окт. 2013, в 19:23
0

@erdomester Вы не должны использовать таблицу вообще, если это проблема макета. Используйте CSS , чтобы сделать ваш a правильный размер (делая это элемент уровня блока). Это устранит проблемы с расстоянием. Опять же, если вы отредактируете свой вопрос, чтобы четко указать, что вы пытаетесь достичь, вы получите лучшие ответы здесь.
Cfreak 03 окт. 2013, в 19:30

Показать ещё 1 комментарий

Ещё вопросы

A это встроенный элемент. table является элементом уровня блока. Ваш HTML-код недействителен, потому что встроенные элементы не должны содержать элементы уровня блока. Что именно вы пытаетесь достичь?
Я полагаю, альтернативой является JS onclick ?
Событие JS onclick может вызвать плохое поведение
Это обходной путь, и он не работает, когда вы нажимаете на пустое пространство таблицы, где нет текста.
Ну, вы всегда можете использовать jQuery для этого, я обновлю свой код для чего-то более полезного для вас.
@erdomester Вы не должны использовать таблицу вообще, если это проблема макета. Используйте CSS , чтобы сделать ваш a правильный размер (делая это элемент уровня блока). Это устранит проблемы с расстоянием. Опять же, если вы отредактируете свой вопрос, чтобы четко указать, что вы пытаетесь достичь, вы получите лучшие ответы здесь.

James Johnson · Accepted Answer · 2013-10-03T16-39-00.000Z

Это действительно работает, но это определенно не хорошая практика. В вашем примере вы можете включить якорь в ячейку.

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

Нажмите здесь для демонстрации.

Да, я только что попробовал это на другом из моих сайтов. Похоже, у меня впереди долгая ночь
Я сделал, но тогда он не работает, когда я нажимаю на пустое место в таблице, где нет текста