Numery uporządkowanej listy zmieniają się w 0 podczas klikania zakładki jQuery korytka.

Question

Mam stronę z zakładkami jQuery. W tych zakładkach jest uporządkowana lista.

To jest mój kod html:

<div id="tabs"> 

    <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li> 
     <li><a href="#tabs-3">Aenean lacinia</a></li> 
    </ul> 

    <div id="tabs-1"> 
     <ol start="50"> 
      <li>Bibendum Elit</li> 
      <li>Vehicula</li> 
      <li>Amet Bibendum Ultricies</li>   
     </ol> 
    </div> 

    <div id="tabs-2"> 
     <ol> 
      <li>Sollicitudin Cras Vehicula</li> 
      <li>Vulputate Euismod</li> 
      <li>Ridiculus Vehicula Pharetra Nullam</li>   
     </ol> 
    </div> 

    <div id="tabs-3"> 
     <ol> 
      <li>Ullamcorper Parturient</li> 
      <li>Tristique Mollis Venenatis Vehicula</li> 
      <li>Vulputate Bibendum</li>   
     </ol> 
    </div> 
</div> 

i to jest mój javascript:

$(function() { $("#tabs").tabs(); });

Patrz: http://jsfiddle.net/2ewzz/1/

Kiedy przeglądam to w IE9, i klikam od pierwsza zakładka do drugiej karty, a następnie z powrotem do pierwszej karty ponownie, wszystkie liczby są zmieniane na "0"

Czy ktoś wie, co robię źle, lub jak rozwiązać ten problem?

Answer 1

To wydaje się być problemem w samej IE patrząc na ten związany question.

Udało mi się to naprawić poprzez ponowne utworzenie licznika na elementach listy po ponownym wybraniu karty.

$(function() { 
    $("#tabs").tabs({ 
     select: function(event, ui){ 
      var ol = $($(ui.panel).children()[0]); 
      setTimeout(function(){ 
      ol.children().css("counter-reset", "item") 
      }, 1); 
     } 
    }); 
}); 

Sprawdź ten jsFiddle Przez przykład pracy

Answer 2

http://www.w3schools.com/tags/att_ol_start.asp Działa z trybem IE9 Compat.

Answer 3

podstawie @sriniris odpowiedź, jeśli masz kilka list:

<script type="text/javascript"> 
    $(function() { 
     $("#tabs").tabs({ 
      activate: function (event, ui) { 
       $(".olReset").each(function() { 
        var ol = $(this); 
        setTimeout(function() { 
         ol.children().css("counter-reset", "item") 
        }, 1); 
       }); 
      } 
     }); 
    }); 
</script> 

Wystarczy zastosować .olReset klasę do swoich list.

Również, select został zamortyzowany.

Answer 4

miałem ten problem, ale też przez przypadek mój dział IT wdrożone tę poprawkę http://support.microsoft.com/kb/2909921 (Aktualizacje IE9 zaktualizować wersję 9.0.24) i problem odszedł