Бесконечно гнезди <div> Тагови и jQuery

Ова изгледа како таква шантав тема, Не сум сигурен дека тоа е навистина вреди да се блогирање за, но тоа никогаш не ме спречи пред, па тука ќе одиме Насмевка

Јас работам надвор на еден проект каде што јас сум ги влече некои податоци од пребарување, пакувањето, тоа до во XML порака, а потоа дека XML е во крајна линија трансформира во HTML преку XSLT.  Има многу на 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.  Јас копирани и атипичен кодот нагоре во Visual Studio и покажа на сите поставата на 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

Остави Одговори

Вашата е-маил адреса нема да бидат објавени. Задолжителни полиња се означени *