Ddiddiwedd nythu <div> Tagiau a jQuery

Mae hyn yn ymddangos fel pwnc mor oddball, Dydw i ddim yn siwr ei fod yn blogio wir werth tua, ond nad ydynt erioed wedi rhoi'r gorau i mi o'r blaen, felly dyma ni Smile

Dw i'n gweithio ar brosiect lle rwy'n tynnu rhywfaint o ddata o chwiliad, becynnu i fyny i mewn neges XML ac yna XML yn cael ei drawsnewid i mewn i HTML yn y pen draw drwy XSLT.  Mae yna lawer o jQuery sy'n ymwneud, un rhan sy'n gweithredu rhai swyddogaethau Tabio.  Pan fyddwch yn clicio ar y tab (mewn gwirionedd, 1 <div>), jQuery ennyn. cuddio() a. yn dangos() ar wahanol divs (y llwyth dudalen gychwynnol lawrlwytho holl gynnwys felly nid oes unrhyw postbacks yn yr achos hwn).

Mae criw o awr yn ôl, dechreuodd y rhesymeg newid tab i ymddwyn erratically ac ni fyddai'n dangos un o fy tabs.  Yr wyf yn y pen draw olrhain i lawr at y ffaith bod rhyngrwyd fforiwr (o leiaf) yn credu bod y <div> tagiau nythu ymhell, Byddai llawer dyfnach na bar offer datblygwr intended.The dangos:

-<div id = "Tab1Content">
  -<div>
    -<div>
      -<div id = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-Yn olaf yn dangos iddo gael ei gau yr holl ffordd i lawr yma!

Felly, os Fe wnes i $("# Tab1Content").cuddio(), Hoffwn hefyd guddio Tab2 ac ni allwn ddangos Tab2 os nad oeddwn yn hefyd yn dangos Tab1.  I gopïo a gludo y cod i fyny i mewn stiwdio weledol a dangosodd pob un o'r leinin y div i fyny 'n glws, union fel y maent i fod i fod yn ei wneud, edrych fel hyn:

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

Rwy'n curo fy mhen yn erbyn y wal am ychydig a sylwi bod yn y cod HTML wirioneddol yn cynhyrchu llawer o gwag <div> tagiau, fel:

<corff>

  <div id = "Tab1Content">

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

  </div>

  <div id = "Tab2Content">

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

  </div>

</corff>

(Mae'r uchod yn waaaaaaaaaaaay gorsymleiddio.  Mae'r tagiau div gwag yn gwbl ddilys. Mae rhai o fy <div> tagiau yn llawn o gynnwys, ond nid yw llawer mwy yn.  Deuthum i sylweddoli bod fy <XSL:am-bob> cyfarwyddebau yn allyrru y tagiau div ffurf-fer pan fydd y xsl:ar gyfer pob un-nid oedd 'dod o hyd i unrhyw ddata.  I gorfodi yn sylw HTML i mewn i'r allbwn, fel y dangosir:

image

 

Ar ôl i mi wneud hynny, holl div ei leinio i fyny 'n glws a dechreuodd fy newid tab gweithio.

Fel bob amser, Rwy'n gobeithio y mae hyn yn helpu rhywun mewn phinsied.

</diwedd>

Tanysgrifio i fy mlog.

Dilynwch fi ar Twitter yn http://www.twitter.com/pagalvin

Ad a Ateb

Ni fydd eich cyfeiriad e-bost yn cael ei gyhoeddi. Meysydd gofynnol yn cael eu marcio *