Aninhando tags âncora HTML

Question

Hoje eu estava trabalhando na navegação por guias para uma página da web.Eu tentei o Portas de correr abordagem que funcionou bem.Então percebi que deveria incluir uma opção para excluir uma aba (geralmente um pequeno X no canto direito de cada aba).

Eu queria usar uma âncora aninhada, o que não funcionou porque é não permitido.Então eu vi a guia de navegação em Flocos de página, que estava realmente funcionando (incluindo hiperlinks aninhados).Por que?

Answer 1

Eles devem estar fazendo coisas realmente malucas com JavaScript para fazê-lo funcionar (observe como nem o pai nem as tags de âncora aninhadas têm um nome ou atributo href - toda a funcionalidade é feita através do nome da classe e JS).

Aqui está a aparência do 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

Links aninhados são ilegais

Answer 3

Na verdade o código que colei anteriormente era o DOM gerado, depois de toda manipulação de JS.Se você não tem o Bug de fogo extensão para Firefox, você deve obtê-la agora.

Editar:Excluí a postagem antiga, não era mais útil.Firebug é, então esse vai ficar :)

Answer 4

Suspeito que o funcionamento ou não de links aninhados pode depender se o seu navegador renderizar a página no modo estrito (por exemplo,XHTML DTD, application/xml+html MIMEtype) ou no modo "quirks".

Answer 5

Apesar das tags aninhadas serem ilegais, mas escrevê-las usando JS funcionará!, tente isto:

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