Etengabe nidificantes <div> Tags eta jQuery

Hau oddball gaia halako dirudi, Ez dakit, benetan merezi blogging buruz da, Baina hori ez da inoiz gelditu me aurretik, beraz, hemen goaz Smile

Kanpo lan egiten dut proiektu bat non zenbait datu naiz tira bilaketa bat aurrera, it PACKAGING sortu XML mezua sartu eta, ondoren, XML hori, azken finean HTML bihurtzen XSLT bidez.  Bertan, parte hartzen duten jQuery asko, horietako bat bit tabbing funtzionalitateren bat burutuko du.  Noiz egin klik fitxa bat duzu (benetan, bat <div>), jQuery deitzeko. ezkutatu() eta. show() divs hainbat (Hasierako orria karga eduki guztiak deskargatzen daude, kasu honetan, beraz, ez postbacks).

A ordu mordo ago, fitxa kommutazio logika History hasi zen, eta ez zen nire fitxak bat erakusteko.  Jarraituko dut, azken finean, bertan behera Izan ere, Internet Explorer (gutxienez) pentsatu duten <div> tags habiaratuta urrun, urrun sustatzailearen intended.The toolbar baino sakonagoa izango litzateke erakusteko:

-<div id = "Tab1Content">
  -<div>
    -<div>
      -<div id = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-Azkenik itxi egin zuten modu guztiak behera hemen erakusten!

Beraz,, nuen bat bada $("# Tab1Content").ezkutatu(), Era berean nuke ezkutatu Tab2 eta inoiz izan nuen erakusteko Tab2 nuen ez bada ere erakusten Tab1.  Kopiatu eta itsatsi dut kodearen sortu estudioan sartu eta ikusmen div horrek estaldura guztia erakutsi zuen nicely, bezala ziren ustezko izango da egiten ari, hau atsegin bila:

-<div id = "Tab1Content">
  +<div>
  +<div>
-<div id = "Tab2Content">
  +<div>
  +<div>

Nire burua beat dut pixka bat hormaren kontra, eta nabaritu da benetako HTML kode zela hutsik asko sortzen <div> Euskal Herria, bezala:

<gorputza>

  <div id = "Tab1Content">

    <div id = "row1" />
    <div id = "ROW2" />

  </div>

  <div id = "Tab2Content">

    <div id = "row1" />
    <div id = "ROW2" />

  </div>

</gorputza>

(Goiko da waaaaaaaaaaaay oversimplified.  Hutsik div tags guztiz baliozko. Nire batzuk <div> etiketa eduki beteta, baina beste asko ez ziren.  Izan zen gauzatu nuen nire <xsl:-bakoitzak> zuzentarau ziren labur-inprimaki div tags igortzen denean xsl du:-bakoitzean ez zuen 'aurkitu daturik.  HTML iruzkin bat behartu dut irteera sartu, ikus daitekeen bezala:

image

 

Egin nuen, eta ondoren, div guztiak egin lerrokatuta nicely eta nire fitxa aldatzen hasi zen lanean.

Beti bezala, Hau pixka bat norbaitek laguntzen espero dut.

</amaiera>

Nire blog Harpidetu.

Follow me on Twitter http://www.twitter.com/pagalvin

Utzi iruzkin bat

Zure e-posta helbidea ez da argitaratuko. Beharrezko eremuak markatu dira *