Вложенные HTML-теги привязки - PullRequest
Новая
       35

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

12 голосов
/ 21 августа 2008

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

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

Ответы [ 5 ]

16 голосов
/ 19 января 2010
9 голосов
/ 21 августа 2008

Они должны делать действительно сумасшедшие вещи с 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>
0 голосов
/ 03 ноября 2015

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

$('<a>', {
     href: 'http://google.com',
     html: '<a>i am nested anchor  </a>I am top Anchor'
 }).appendTo($('body'))
0 голосов
/ 14 декабря 2008

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

0 голосов
/ 21 августа 2008

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

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

...