注文リストの番号は、トラフのjqueryタブをクリックして0に変わります。

Question

私はjQueryタブ付きのページを持っています。これらのタブには順序付きリストがあります。

は、これは私の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> 

、これが私のjavascriptです：

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

参照：私はIE9でこれを見て、私はからクリックhttp://jsfiddle.net/2ewzz/1/

最初のタブから2番目のタブに戻り、再び最初のタブに戻ると、数字はすべて「0」に変更されます

誰かが私が間違ってやっていること、またはこの問題を解決する方法を知っていますか？

Answer 1

これはIE自体の問題であるようですが、これは関連するquestionです。

タブをもう一度選択すると、リスト項目のカウンタを再作成することで、これを解決できました。

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

あなたが複数のリストを持っている場合、@sriniris回答に基づいて実施例

Answer 2

http://www.w3schools.com/tags/att_ol_start.asp IE9互換モードで動作します。

Answer 3

ため、このjsFiddleをチェックアウト：

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

をちょうどあなたのリストに.olResetクラスを適用します。

selectも償却されました。

Answer 4

私もこの問題を抱えていたが、偶然を通じて、私のIT部門は、このパッチhttp://support.microsoft.com/kb/2909921を展開（アップデートIE9は、バージョン9.0.24を更新するため）し、問題がstart`属性はHTMLで廃止されました `ol`タグ`