સતત માળો <div> ટૅગ્સ અને jQuery

આ પ્રકારના oddball વિષય જેવા લાગે છે, મને ખાતરી છે કે તે ખરેખર વર્થ વિશે બ્લોગિંગ છે નથી, પરંતુ તે પહેલાં મને ક્યારેય બંધ રહ્યું, તેથી અહીં અમે જાઓ સ્માઇલ

હું એક પ્રોજેક્ટ જ્યાં હું શોધ અમુક માહિતી ખેંચીને વધી પર કામ વધી, તે પેકેજીંગ સુધી એ XML સંદેશ અને પછી તે એક્સએમએલ આખરે XSLT મારફતે કરવામાં આવે છે HTML માં ફેરવી.  ત્યાં jQuery ઘણો સામેલ છે, જે એક બીટ કેટલાક tabbing વિધેય અમલીકરણ.  જ્યારે તમે ટેબ પર ક્લિક કરો (ખરેખર, એક <div>), jQuery આહવાન. સંતાડો() અને શો.() વિવિધ divs પર (પ્રારંભિક પૃષ્ઠ લોડ બધી સામગ્રી ડાઉનલોડ તેથી આ કિસ્સામાં કોઈ postbacks છે).

કલાક એક ટોળું પહેલા, ટેબ પર સ્વિચ કરવા માટે તર્ક વિચિત્ર રીતે વર્તે શરૂ કર્યું અને તેને એક મારા ટેબો નથી બતાવવા આવશે.  હું આખરે તે ટ્રેક હકીકત એ છે કે Internet Explorer ને નીચે (ઓછામાં ઓછું) વિચાર્યું કે જે <div> ટૅગ્સ સુધી પુનરાવર્તિત, અત્યાર સુધી intended.The ડેવલપર ટૂલબાર કરતાં ઊંડા બતાવવા કરશે:

-<div ID = "Tab1Content">
  -<div>
    -<div>
      -<div ID = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-છેલ્લે દર્શાવે છે તે બધી રીતે અહીં નીચે બંધ આવ્યો હતો!

તેથી, જો હું નહોતો $("# Tab1Content").ખાલ(), હું પણ Tab2 છુપાવો અને કરશો હું Tab2 ક્યારેય બતાવશો તો હું પણ Tab1 દર્શાવતો નથી શકે છે.  મને નકલ અને પેસ્ટ કોડ અપ વિઝ્યુઅલ સ્ટુડિયો અને તે div અસ્તર તમામ દર્શાવ્યું અપ સાવધાનીપૂર્વક, જેમ તેઓ કરી શકાય રહેવા આવ્યા હતા, આ જેમ જોઈ:

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

હું જ્યારે માટે દિવાલ સામે મારા માથા હરાવ્યું અને સૂચન છે કે જે વાસ્તવિક HTML કોડ ખાલી ઘણો પેદા કરવામાં આવી હતી <div> ટૅગ્સ, જેમ કે:

<સંસ્થા>

  <div ID = "Tab1Content">

    <div ID = "ROW1" />
    <div ID = "ROW2" />

  </div>

  <div ID = "Tab2Content">

    <div ID = "ROW1" />
    <div ID = "ROW2" />

  </div>

</સંસ્થા>

(ઉપર સરળ પર waaaaaaaaaaaay છે.  ખાલી div ટૅગ્સ સંપૂર્ણપણે માન્ય છે. મારા કેટલાક <div> ટૅગ્સ સામગ્રી સંપૂર્ણ હતા, હતા, પરંતુ નથી વધુ છે.  હું વસૂલાત માટે આવ્યો કે મારી <xsl:-દરેક માટે> ડાઈરેક્ટીવો ટૂંકા સ્વરૂપમાં div ટૅગ્સ બહાર કાઢવા હતા જ્યારે xsl:માટે દરેક કોઇપણ માહિતી શોધી હતી.  હું આઉટપુટ માં એક HTML ટિપ્પણી ફરજ પડી, બતાવ્યા:

image

 

પછી હું હતી, તમામ div અપ પાકા રહ્યું સાવધાનીપૂર્વક અને મારા ટેબ સ્વિચિંગ કામ શરૂ.

હંમેશની જેમ, મને આશા છે કે આ એક ચપટી કોઇને મદદ કરે છે.

</અંત>

મારા બ્લોગ પર સબ્સ્ક્રાઇબ કરો.

Twitter પર મને ખાતે અનુસરો http://www.twitter.com/pagalvin

જવાબ છોડો

તમારું ઇમેઇલ સરનામું પ્રકાશિત કરવામાં આવશે નહીં. જરૂરી ક્ષેત્રો ચિહ્નિત થયેલ છે *