Nes HTML- anker tags

Question

Vandag was ek besig met 'n blad navigasie vir 'n webblad. Ek het probeer om die skuifdeure benadering wat fyn gewerk. Toe het ek besef dat ek 'n opsie om 'n blad (gewoonlik 'n klein X in die regter boonste hoek van elke blad) verwyder moet insluit.

Ek wou 'n sub-anker, wat nie gewerk het nie, want dit is nie toegelaat. Toe sien ek die tabs navigasie op Pageflakes , wat eintlik besig was (insluitend geneste hiperskakels). Hoekom?

Answer 1

Hulle moet doen 'n paar baie gek dinge met JavaScript om dit te kry om te werk (sien hoe nie die ouer nie die sub-anker tags het 'n naam of href kenmerk - al die funksies is gedoen deur die klasnaam en JS).

Hier is wat die html lyk:

<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

Nested links is onwettig

Answer 3

Eintlik is die kode wat ek het voorheen geplak was die gegenereerde DOM, na alles JS manipulasie. As jy nie die Firebug uitbreiding vir Firefox hê, moet jy kry dit nou.

Edit: Bring die ou post, dit is nie meer bruikbaar. Firebug is, so hierdie een is bly:)

Answer 4

Ek vermoed dat die werk of nie werk nie geneste skakels kan staatmaak as jou browser bladsy lewer in streng af (bv XHTML DTD, aansoek / xml + html mimetype), of in "eienaardighede" modus.

Answer 5

Ten spyte van geneste etikette is onwettig, maar skryf dit deur middel van JS will work !, probeer hierdie:

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