Сегодня я работал над навигацией на вкладке для веб-страницы. Я пробовал подход Sliding Doors, который отлично работал. Затем я понял, что должен включить опцию для удаления вкладки (обычно это маленький X в правом углу каждой вкладки).
Я хотел использовать вложенный якорь, который не работал, потому что это не разрешено. Затем я увидел вкладку навигации на Pageflakes, которая фактически работала (включая вложенные гиперссылки). Почему?
Они должны делать некоторые сумасшедшие вещи с помощью JavaScript, чтобы заставить его работать (обратите внимание, что ни родительский, ни вложенные теги привязки не имеют имени или атрибута 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>
На самом деле, код, который я вставил ранее, был сгенерированным DOM, после всего JS-манипуляции. Если у вас нет расширения Firebug для Firefox, вы должны получить его сейчас.
Изменить: удалил старый пост, он больше не был полезен. Firebug, так что он остается:)
Я подозреваю, что работающие или неработающие вложенные ссылки могут зависеть, если ваш браузер отображает страницу в строгом режиме (например, XHTML DTD, application/xml + html MIMEtype) или в режиме "quirks".
Несмотря на то, что вложенные теги являются незаконными, но писать их с помощью JS будет работать!, попробуйте следующее:
$('<a>', {
href: 'http://google.com',
html: '<a>i am nested anchor </a>I am top Anchor'
}).appendTo($('body'))