Сделайте ячейки таблицы с <a> кликабельными и уважайте просмотр с вкладками

Question

Прямо сейчас я делаю td.click() а потом window.location = td.find('a').attr('href') но это не сработает, если я нажму, чтобы создать новую вкладку.

И я не могу программно нажать на <a>,

Есть идеи?

Не стесняйтесь раскошелиться на эту скрипку http://jsfiddle.net/uDQPr/

Answer 1

Вы могли бы сделать <a> заполнить всю клетку. Таким образом, вам не понадобится дополнительный JavaScript для обработки события click. Добавление target="_blank" на ваш <a> ссылка будет всегда открываться в новой вкладке (или в новом окне для браузеров, которые не поддерживают вкладки). Рабочий пример на http://jsfiddle.net/vTyAc/2/.

Вот код таблицы:

<table>
    <tr>
        <td>
            <a href="http://apple.com" target="_blank">Apple</a>
        </td>
        <td>
            <a href="http://youtube.com" target="_blank">YouTube</a>
        </td>
    </tr>
</table>

И CSS:

td {
    border: 1px solid;
}
a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px
}
a:hover {
    text-decoration: underline;
}