Imbrication des balises d'ancrage HTML

StackOverflow https://stackoverflow.com/questions/20926

  •  09-06-2019
  •  | 
  •  

Question

Aujourd'hui, je travaillais sur une navigation par onglets pour une page Web.j'ai essayé le Portes coulissantes approche qui a bien fonctionné.Puis j'ai réalisé que je devais inclure une option pour supprimer un onglet (généralement un petit X dans le coin droit de chaque onglet).

Je voulais utiliser une ancre imbriquée, ce qui n'a pas fonctionné car elle est pas autorisé.Ensuite, j'ai vu l'onglet de navigation sur Flacons de page, qui fonctionnait réellement (y compris les hyperliens imbriqués).Pourquoi?

Était-ce utile?

La solution

Ils doivent faire des trucs vraiment fous avec JavaScript pour que cela fonctionne (remarquez que ni le parent ni les balises d'ancrage imbriquées n'ont de nom ou d'attribut href - toutes les fonctionnalités sont effectuées via le nom de classe et JS).

Voici à quoi ressemble le code 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>

Autres conseils

En fait, le code que j'avais collé précédemment était le DOM généré, après toutes les manipulations JS.Si vous n'avez pas le Pyromane pour Firefox, vous devriez l'obtenir maintenant.

Modifier:J'ai supprimé l'ancien message, il ne servait plus à rien.Firebug existe, donc celui-ci reste :)

Je soupçonne que le fonctionnement ou non des liens imbriqués peut dépendre du fait que votre navigateur affiche la page en mode strict (par ex.XHTML DTD, application/xml+html MIMEtype), ou en mode "bizarres".

Bien que les balises imbriquées soient illégales, mais les écrire en utilisant JS fonctionnera !, essayez ceci :

$('<a>', {
     href: 'http://google.com',
     html: '<a>i am nested anchor  </a>I am top Anchor'
 }).appendTo($('body'))
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top