بی وقفه تودرتو <DIV> برچسب ها و jQuery

پاسخ دهید

این به نظر می رسد چنین موضوع عجیب و غریب, من مطمئن هستم که آن واقعا ارزشش وبلاگ نویسی در مورد, اما که من قبل از متوقف هرگز, بنابراین در اینجا ما به لبخند

من کار کردن بر روی یک پروژه که در آن من کشیدن برخی از داده ها از یک جستجو, بسته بندی آن را به یک پیام XML و پس از آن که XML در نهایت به HTML از طریق XSLT تبدیل شده است.  بسیاری از jQuery وجود دارد, یک بیت از آن پیاده سازی برخی از قابلیت tabbing.  هنگامی که شما بر روی یک تب کلیک کنید (واقعا, a <DIV>), جی کوئری فراخوانی مخفی() و نشان می دهد() در divs مختلف (بار اولیه صفحه دریافت تمام مطالب بنابراین هیچ postback های در این مورد وجود دارد).

دسته ساعت پیش, تب سوئیچینگ منطق شروع به رفتار نامنظم و آن را نمی خواهد یکی از زبانه ها من نشان می دهد.  من در نهایت آن را دنبال می کردن به این واقعیت که اینترنت اکسپلورر (حداقل) فکر می کردم که <DIV> برچسب های تو در تو دور, مراتب عمیق تر از نوار ابزار توسعه دهنده intended.The را نشان می دهد:

-<شناسه DIV = "Tab1Content و">
  -<DIV>
    -<DIV>
      -<شناسه DIV = "Tab2Content و">
        -<DIV>
           ..............................
                   </DIV>  <در نهایت نشان دادن آن را به تمام راه را در اینجا بسته شد!

پس, اگر من $("# Tab1Content").پنهان کردن(), من هم می خواهم با Tab2 پنهان و من هرگز می تواند Tab2 نشان می دهد اگر من نیز Tab1 نشان می دهد.  کپی و جا به جا من کد بالا را در ویژوال استودیو و همه پوشش دیو نشان داد تا سادگی, درست مثل آنها قرار بود به انجام, به دنبال شبیه به این:

-<شناسه DIV = "Tab1Content و">
  +<DIV>
  +<DIV>
-<شناسه DIV = "Tab2Content و">
  +<DIV>
  +<DIV>

من سرم را در مقابل دیوار در حالی که برای ضرب و شتم و متوجه شده است که در کد HTML غیر واقعی تولید در بسیاری از خالی <DIV> برچسب ها, مانند:

<بدن>

  <شناسه DIV = "Tab1Content و">

    <دیو شناسه = "ROW1" />
    <دیو شناسه = "ROW2" />

  </DIV>

  <شناسه DIV = "Tab2Content و">

    <دیو شناسه = "ROW1" />
    <دیو شناسه = "ROW2" />

  </DIV>

</بدن>

(است ساده waaaaaaaaaaaay.  تگ div خالی کاملا معتبر هستند. برخی از من <DIV> برچسب های کامل از محتوا, اما بسیاری دیگر نبودند.  من به تحقق آمد که من <XSL:و هر> دستورات انتشار تگ div فرم کوتاه زمانی که XSL:برای هر 'پیدا کردن هر گونه داده است.  من نظر HTML به خروجی را مجبور, به عنوان نشان داده شده است:

image

 

پس از من که, تمام DIV اندود سادگی و سوئیچینگ تب من شروع به کار.

مثل همیشه, من امیدوارم که این کمک می کند تا کسی که در خرج کردن.

</پایان>

مشترک شدن در وبلاگ من.

من در توییتر در http://www.twitter.com/pagalvin

پاسخ

آدرس ایمیل شما منتشر نخواهد شد. بخشهای موردنیاز علامتگذاری شدهاند *