Endlessly Nesting <div> ٹیگ اور jQuery

یہ اس طرح ایک oddball موضوع کی طرح لگتا ہے, میں نے اس کے بارے میں واقعی قابل بلاگنگ ہے یقین نہیں ہے, لیکن اس سے پہلے مجھے کبھی نہیں روکا ہے, تو یہاں ہم جا مسکراہٹ

مجھے کسی کی تلاش کی طرف سے کچھ اعداد و شمار ھیںچ رہا ہوں جہاں ایک منصوبے پر کام کر رہا ہوں, XML بالآخر ایکس ایس ایل ٹی کے ذریعے ایچ ٹی ایم ایل میں تبدیل کر دیا جاتا ہے کہ اس وقت ایک XML پیغام میں اسے پیکنگ اور.  ملوث jQuery کی ایک بہت کچھ ہے, جس میں سے ایک تھوڑا سا کچھ جدول بندی فعالیت عملدرآمد کرتا ہے.  آپ کو ایک ٹیب پر کلک کرتے ہیں تو (واقعی, ایک <div>), jQuery invokes. چھپانے() اور. شو() مختلف divs پر (اس معاملے میں کوئی postbacks ہیں تاکہ ابتدائی صفحہ لوڈ ہونے تمام مواد ڈاؤن لوڈ).

گھنٹے کے ایک گروپ پہلے, ٹیب سوئچنگ منطق erratically برتاؤ کرنا شروع کر دیا اور یہ میرے ٹیبز میں سے ایک کو ظاہر نہیں کرے گا.  میں آخر میں ہے کہ انٹرنیٹ ایکسپلورر حقیقت اسے نیچے ٹریک (کم سے کم) سوچا کہ <div> ٹیگز تک اندر در اندر, intended.The ڈیولپر ٹول بار سے کہیں گہرے دکھائے گا:

-<div ID = "Tab1Content">
  -<div>
    -<div>
      -<div ID = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-آخر یہ سب طریقے سے یہاں نیچے بند کر دیا گیا دکھا!

تو, میں نے کیا تو $("# Tab1Content").چھپا(), میں نے بھی Tab2 چھپانا چاہتے ہیں اور میں نے بھی 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 oversimplified ہے.  خالی div ٹیگز مکمل طور پر درست ہیں. میرے سے کچھ <div> ٹیگز کے مواد کی مکمل تھے, لیکن بہت زیادہ نہیں تھے.  مجھے احساس ہوا کہ میری <xsl:-ہر ایک کے لئے> جب xsl ہدایات مختصر فارم div ٹیگز نکل رہے تھے:کے لئے ہر 'کوئی اعداد و شمار نہیں مل سکا.  میں پیداوار میں ایک HTML تبصرہ مجبور, کے طور پر دکھایا گیا:

image

 

میں نے اس کے بعد کیا, تمام div اچھی طرح لائن میں کھڑا کر اور میرے ٹیب پر سوئچنگ کام شروع کیا ہے.

ہمیشہ کی طرح, میں نے یہ ایک چوٹکی میں کسی کو امید ہے کہ میں مدد ملتی ہے.

</آخر>

اپنے بلاگ کو سبسکرائب کریں.

ٹویٹر پر مجھ پر عمل کریں http://www.twitter.com/pagalvin

رکن کی نمائندہ تصویر

آپ کا ای میل ایڈریس شائع نہیں کیا جائے گا. ضرورت ہے شعبوں نشان لگا دیا گیا رہے ہیں *