I numeri di una lista ordinata diventano 0 mentre si fa clic sulle schede jquery

Question

Ho una pagina con le schede jQuery su di essa. In quelle schede è un elenco ordinato.

Questo è il mio codice 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> 

e questo è il mio javascript:

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

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

quando ho vista questo in IE9, e mi scatto da la prima scheda della seconda scheda e poi di nuovo la prima scheda, i numeri sono tutti modificati in "0"

Qualcuno sa cosa sto facendo male, o come risolvere questo problema?

Answer 1

Questo sembra essere un problema in IE stesso guardando questo relativo question.

Sono stato in grado di ottenere questo riparato ricreando il contatore sulle voci dell'elenco quando si seleziona nuovamente la scheda.

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

Dai un'occhiata a questo jsFiddle per un esempio di lavoro

Answer 2

http://www.w3schools.com/tags/att_ol_start.asp Funziona con la modalità di compatibilità IE9.

Answer 3

Sulla base di @sriniris risposta, se si dispone di più elenchi:

<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> 

vale solo .olReset classe per le vostre liste.

Inoltre, select è stato ammortizzato.

Answer 4

ho avuto anche questo problema, ma attraverso una coincidenza il mio reparto IT distribuito questa patch http://support.microsoft.com/kb/2909921 (aggiornamenti IE9 per aggiornare la versione 9.0.24) e il problema è andato via