Сегодня я работал над навигацией по вкладкам для веб-страницы. Я попробовал метод раздвижных дверей, и он отлично сработал. Затем я понял, что должен включить опцию удаления вкладки (обычно это маленький крестик в правом углу каждой вкладки).
Я хотел использовать вложенный якорь, но это не сработало, потому что это запрещено. Затем я увидел навигацию по вкладкам на 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'))
