Անվերջ nesting <div> Tags եւ jQuery

Սա կարծես այդպիսի oddball թեմա, Վստահ չեմ, որ դա իրոք արժե բլոգերներ մասին, բայց դա երբեք չի դադարել էր ինձ համար:, այնպես որ այստեղ ենք ժպիտ

Ես աշխատում է մի նախագծի, որտեղ ես եմ քաշվել որոշ տվյալներ է որոնում, Փաթեթավորման այն վերածել XML հաղորդագրությունը, ապա այդ մասին XML Նամակ հարցը վերջնականապես վերածվել HTML միջոցով XSLT.  Կա մի շատ jQuery մեջ, մի քիչ, որոնք իրականացնում են tabbing ֆունկցիոնալությունը.  Երբ սեղմում է էջանիշը (իրոք, ա <div>), jQuery վկայակոչում. թաքցնել() եւ շոու() տարբեր DIVS (նախնական էջը բեռը ներլցումներ բոլոր բովանդակությունը այնպես չկան postbacks այս դեպքում).

Մի փունջ ժամ առաջ, պիտակը անցումը տրամաբանությունը սկսեց վարվել erratically եւ այն չի ցույց մեկը իմ թարգմանությունը.  Ես վերջնականապես առ այն, որ Internet Explorer-ի (առնվազն) կարծում է, որ <div> tags nested հեռու, շատ խորն է, քան intended.The մշակողի գործիքների ցույց տալ:

-<div մականունը = "Tab1Content">
  -<div>
    -<div>
      -<div մականունը = "Tab2Content">
        -<div>
           ..............................
                   </div>  <- Վերջապես ցուցադրում է փակվել ամբողջ ճանապարհը ներքեւ այստեղ!

Այնքան, եթե ես մի $("# Tab1Content").թաքցնել(), Ես էլ թաքցնում Tab2 եւ ես երբեք չեմ կարող ցույց տալ Tab2, եթե ես չեմ էլ ցույց Tab1.  Ես պատճենահանված եւ pasted կոդը մինչեւ մեջ Visual Studio եւ այն ցույց տվեց, բոլորը ձեզ հետ պաստառում մինչեւ լավ, ճիշտ այնպես, ինչպես նրանք պետք է անում, փնտրում նման:

-<div մականունը = "Tab1Content">
  +<div>
  +<div>
-<div մականունը = "Tab2Content">
  +<div>
  +<div>

Ես ծեծում իմ գլուխը դեմ պատի մի որոշ ժամանակ, եւ նկատեց, որ բուն HTML կոդը հանձնարարված էր արտադրող մի շատ դատարկ է <div> Tags, նման:

<մարմին>

  <div մականունը = "Tab1Content">

    <div մականունը = "row1" />
    <div մականունը = "row2" />

  </div>

  <div մականունը = "Tab2Content">

    <div մականունը = "row1" />
    <div մականունը = "row2" />

  </div>

</մարմին>

(Վերը նշված է waaaaaaaaaaaay oversimplified.  Դատարկ div tags ամբողջովին ուժի մեջ. Իմ մի քանի <div> tags լիքն էին բովանդակության, բայց շատ ավելին էին, ոչ.  Եկա իրականացմանը, որ իմ <xsl:համար յուրաքանչյուր> դիրեկտիվներ, որոնք emitting կարճ ձեւը DIV տեգերը, երբ xsl:համար յուրաքանչյուր չեն, գտնել որեւէ տվյալներ.  Ես ստիպված մի օրերի մեկնաբանել է արտադրանքի, ինչպես ցուցադրված է:

image

 

Դրանից հետո ես, որ, բոլոր div է կնճռոտ լավ ու թերթ անցումը սկսել է աշխատել.

Ինչպես միշտ, Հուսով եմ, որ դա օգնում է մեկին մի պտղունց.

</վերջ>

Անդամագրվել իմ բլոգում.

Գտեք Twitter-ում http://www.twitter.com/pagalvin

Ավելացնել կարծիք

Ձեր էլ. Փոստի հասցեն չի հրապարակվելու. Պահանջվող դաշտերը նշված են աստղանիշով *