ಎಂಡ್ಲೆಸ್ಲಿ ಗೂಡುಕಟ್ಟುವ <div> ಟ್ಯಾಗ್ಗಳು ಮತ್ತು jQuery

ಇದು ಒಂದು ವಿಲಕ್ಷಣ ವ್ಯಕ್ತಿ ವಿಷಯ ಹಾಗೆ ತೋರುತ್ತದೆ, ಅದರ ಬಗ್ಗೆ ನಿಜವಾಗಿಯೂ ಮೌಲ್ಯದ ಬ್ಲಾಗಿಂಗ್ ಅಂತ ಖಾತರಿಯಿಲ್ಲ ಮನುಷ್ಯ, ಆದರೆ ಮೊದಲು ನನಗೆ ಯಾವತ್ತೂ ನಿಲ್ಲಿಸಿಲ್ಲ ವಿಶೇಷವೇನು, ಆದ್ದರಿಂದ ಇಲ್ಲಿ ನಾವು ಹೋಗಿ ಸ್ಮೈಲ್

ನಾನು ಒಂದು ಹುಡುಕು ಕೆಲವು ಮಾಹಿತಿ ಎಳೆದಾಡುವುದು ಬಾಗುತ್ತೇನೆ ಅಲ್ಲಿ ಯೋಜನೆಯಲ್ಲಿ ಔಟ್ ಕೆಲಸ ಬಾಗುತ್ತೇನೆ, ಮದುವೆ ಅಂತಿಮವಾಗಿ XSLT ಮೂಲಕ HTML ಗೆ ರೂಪಾಂತರಗೊಳ್ಳುತ್ತದೆ ಎಂದು ನಂತರ ಮದುವೆ ಸಂದೇಶವನ್ನು ಅದನ್ನು ಅಪ್ ಪ್ಯಾಕಿಂಗ್.  ಒಳಗೊಂಡಿರುವ jQuery ಬಹಳ ಕಷ್ಟ, ಇದು ಒಂದು ಬಿಟ್ ಕೆಲವು tabbing ಕಾರ್ಯಗಳನ್ನು ಕೈಗೊಳ್ಳುತ್ತದೆ.  ನೀವು ಒಂದು ಟ್ಯಾಬ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ (ನಿಜವಾಗಿ, ಒಂದು <div>), jQuery ಮೊರೆಯಿಡುತ್ತದೆ. ಮರೆಮಾಡಿ() ಮತ್ತು. ಪ್ರದರ್ಶನ() ವಿವಿಧ divs ಮೇಲೆ (ಈ ಸಂದರ್ಭದಲ್ಲಿ ಯಾವುದೇ postbacks ಇವೆ ಹೀಗಾಗಿ ಆರಂಭಿಕ ಪುಟ ಲೋಡ್ ಎಲ್ಲಾ ವಿಷಯವನ್ನು ಡೌನ್).

ಗಂಟೆಗಳ ಒಂದು ಗುಂಪೇ ಹಿಂದೆ, ಟ್ಯಾಬ್ ಸ್ವಿಚಿಂಗ್ ತರ್ಕ ಸಿಕ್ಕಾಬಟ್ಟೆ ವರ್ತಿಸುತ್ತಾರೆ ಶುರುವಾಯಿತು ನನ್ನ ಟ್ಯಾಬ್ಗಳನ್ನು ಒಂದು ತೋರಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ.  ನಾನು ಅಂತಿಮವಾಗಿ ಅಂತರ್ಜಾಲ ಪರಿಶೋಧಕ ವಾಸ್ತವವಾಗಿ ಅದನ್ನು ಕೆಳಗೆ ಟ್ರ್ಯಾಕ್ (ಕನಿಷ್ಠ) ಚಿಂತನೆಯು <div> ಟ್ಯಾಗ್ಗಳು ದೂರದ ಅಡಗಿಸಿದ, intended.The ಡೆವಲಪರ್ ಟೂಲ್ಬಾರ್ ತುಂಬಾ ಆಳವಾದ ತೋರಿಸಿದವು:

-<div ID = "Tab1Content">
  -<div>
    -<div>
      -<div ID = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-ಕೊನೆಗೆ ಎಲ್ಲಾ ರೀತಿಯಲ್ಲಿ ಕೆಳಗೆ ಇಲ್ಲಿ ಕಡಿದು ತೋರಿಸುವ!

ಆದ್ದರಿಂದ, ನಾನು ಮಾಡಿದರೆ $("# Tab1Content").ಬಚ್ಚಿಡು(), ನಾನು Tab2 ಅಡಗಿಸು'd ಮತ್ತು ನಾನು Tab1 ತೋರಿಸಲು ಮಾಡದಿದ್ದಲ್ಲಿ ನಾನು Tab2 ತೋರಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ.  ನಾನು ನಕಲು ಮತ್ತು ಅಂಟಿಸಲಾಗಿದೆ ಕೋಡ್ ಅಪ್ ದೃಶ್ಯ ಸ್ಟುಡಿಯೋಗೆ ಮತ್ತು ಅಲೆಯಲ್ಲಿ 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:-ಪ್ರತಿಯೊಂದು> ಯಾವಾಗ XSL ನಿರ್ದೇಶನ ಸಣ್ಣ ರೂಪ div ಟ್ಯಾಗ್ಗಳು ಹೊರಸೂಸುವ ಮಾಡಲಾಯಿತು:ಫಾರ್-ಪ್ರತಿ 'ಯಾವುದೇ ಮಾಹಿತಿ ಸಿಗಲಿಲ್ಲ.  ನಾನು ಔಟ್ಪುಟ್ ಒಂದು HTML ಕಾಮೆಂಟ್ ಬಲವಂತವಾಗಿ, ತೋರಿಸಲಾಗಿದೆ ಎಂದು:

image

 

ನಾನು ಮಾಡಿದ ನಂತರ, ಎಲ್ಲಾ div ಅಲೆಯಲ್ಲಿ ಪೂರೈಸಿದೆ ಮತ್ತು ನನ್ನ ಟ್ಯಾಬ್ ಸ್ವಿಚಿಂಗ್ ಕೆಲಸ ಆರಂಭಿಸಿದರು ವಿಶೇಷವೇನು.

ಯಾವಾಗಲೂ ಹಾಗೆ, ನಾನು ಈ ಒಂದು ಪಿಂಚ್ ರಲ್ಲಿ ಯಾರಾದರೂ ಸಹಾಯ ಭಾವಿಸುತ್ತೇವೆ.

</ಕೊನೆಯಲ್ಲಿ>

ನನ್ನ ಬ್ಲಾಗ್ ಚಂದಾದಾರರಾಗಿ.

ನಲ್ಲಿ ಟ್ವಿಟ್ಟರ್ ನನ್ನನ್ನು ಅನುಸರಿಸಿ http://www.twitter.com/pagalvin

ಒಂದು ಉತ್ತರಿಸಿ ಬಿಡಿ

ನಿಮ್ಮ ಈಮೇಲ್ ವಿಳಾಸ ರ ಆಗುವುದಿಲ್ಲ. ಅಗತ್ಯವಿರುವ ಜಾಗ ಗುರುತಿಸಲಾಗಿದೆ *