Вложенность HTML-тегов привязки

Question

Сегодня я работал над навигацией по вкладкам веб-страницы.Я попробовал Раздвижные двери подход, который работал нормально.Затем я понял, что должен включить опцию удаления вкладки (обычно маленький крестик в правом углу каждой вкладки).

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

Answer 1

Должно быть, они делают какие-то действительно сумасшедшие вещи с JavaScript, чтобы заставить его работать (обратите внимание, что ни родительский тег, ни вложенные теги привязки не имеют атрибута name или href — вся функциональность осуществляется через имя класса и JS).

Вот как выглядит html:

<a class="page_tab page_tab">
  <div class="page_title" title="Click to rename this page.">Click & Type Page Name</div>
  <a class="delete_page" title="Click to delete this page" style="display: block;">X</a>
</a>

Answer 2

Вложенные ссылки незаконны

Answer 3

На самом деле код, который я вставил ранее, был сгенерированным DOM после всех манипуляций с JS.Если у вас нет поджигатель расширение для Firefox, вы должны получить его сейчас.

Редактировать:Удалил старый пост, он уже не пригодился.Firebug есть, так что этот останется :)

Answer 4

Я подозреваю, что работа или неработа вложенных ссылок может зависеть от того, отображает ли ваш браузер страницу в строгом режиме (например,XHTML DTD, application/xml+html MIMEtype) или в режиме «quirks».

Answer 5

Несмотря на то, что вложенные теги являются незаконными, их написание с использованием JS будет работать! попробуйте следующее:

$('<a>', {
     href: 'http://google.com',
     html: '<a>i am nested anchor  </a>I am top Anchor'
 }).appendTo($('body'))