Pergunta
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?
Solução
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>
Outras dicas
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 :)
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".
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'))