Endlessly Neadú <div> Clibeanna agus jQuery

Dealraíonn sé seo cosúil den sórt sin ábhar oddball, Níl mé cinnte go bhfuil sé i ndáiríre fiú blogging faoi, ach ní ar sin stop mé roimh, mar sin anseo táimid ag dul Smile

Tá mé ag obair amach ar thionscadal áit a bhfuil mé ag tarraingt cuid de na sonraí ó chuardach, pacáistiú sé suas i teachtaireacht XML agus ansin go bhfuil XML a chlaochlú ar deireadh thiar i HTML via XSLT.  Níl a lán de jQuery i gceist, giotán amháin a chuireann roinnt feidhmiúlacht tabbing.  Nuair a bheidh tú cliceáil ar cluaisín (i ndáiríre, a <div>), agraíonn jQuery. hide() agus. seó() ar divs éagsúla (íosluchtú an t-ualach leathanach tosaigh go léir an t-ábhar sin nach bhfuil aon postbacks sa chás seo).

A bunch de uair an chloig ó shin, an loighic athrú cluaisín thosaigh féin a iompar erratically agus ní bheadh ​​sé a thaispeáint ar cheann de mo tabs.  Rianú mé ar deireadh thiar sé síos go dtí an bhfíric go idirlíon taiscéalaí (ar a laghad) shíl sé gur an <div> clibeanna neadaithe i bhfad, Bheadh ​​i bhfad níos doimhne ná toolbar forbróir intended.The thaispeáint:

-<id div = "Tab1Content">
  -<div>
    -<div>
      -<id div = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-Deireadh léiríonn go raibh sé dúnta go léir ar an mbealach síos anseo!

Mar sin,, má rinne mé $("# Tab1Content").hide(), Ba mhaith liom a cheilt freisin Tab2 agus ní raibh mé in ann a thaispeáint Tab2 más rud é nach raibh mé a thaispeáint freisin Tab1.  Chóipeáil mé agus a ghreamú an cód suas i stiúideo amhairc agus thaispeáin sé gach ceann de na líneáil na div ar bun nicely, díreach mar a bhí siad ceaptha a bheith ag déanamh, ag breathnú mar seo:

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

Buille mé mo cheann i gcoinne an bhalla ar feadh tamaill agus faoi deara go sa chód HTML iarbhír a bhí ghiniúint a lán de na folamh <div> clibeanna, cosúil le:

<comhlacht>

  <id div = "Tab1Content">

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

  </div>

  <id div = "Tab2Content">

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

  </div>

</comhlacht>

(Is é an thuas waaaaaaaaaaaay oversimplified.  Is iad na clibeanna div folamh go hiomlán bailí. Tá cuid de mo <div> clibeanna bhí lán de ábhar, ach ní raibh go leor níos mó.  Tháinig mé go dtí an réadú go bhfuil mo <XSL:do-gach> Tugadh treoracha astú na clibeanna div gearr-foirm nuair XSL:do-gach ní raibh a 'teacht ar aon sonraí.  Éigean mé trácht HTML isteach an t-aschur, mar a thaispeántar:

image

 

Tar éis a rinne mé go, ar fad ar an div lined suas nicely agus mo athrú cluaisín thosaigh ag obair.

Mar i gcónaí, Tá súil agam Cuidíonn seo duine éigin i pinch.

</deireadh>

Liostáil le mo bhlag.

Lean mé ar Twitter ag http://www.twitter.com/pagalvin

Leave a Reply

Ní thabharfar do sheoladh r-phoist a fhoilsiú. Réimsí riachtanacha atá marcáilte *