8

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(); });

参照: http://jsfiddle.net/2ewzz/1/

これをIE9で表示し、最初のタブから2番目のタブをクリックしてから最初のタブに戻ると、数字がすべて「0」に変更されます

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

4

4 に答える 4

3

これは、この関連する質問を見ると、IE自体の問題のようです。

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

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

実際の例については、このjsFiddleを確認してください

于 2013-02-10T17:28:42.303 に答える
0

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

于 2013-01-29T08:15:38.693 に答える
0

@sriniris の回答に基づいて、複数のリストがある場合:

<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減価償却済みです。

于 2013-08-01T18:51:00.450 に答える
0

私もこの問題を抱えていましたが、偶然にも私の IT 部門がこのパッチhttp://support.microsoft.com/kb/2909921 (バージョン 9.0.24 を更新するために IE9 を更新します) を展開し、問題は解決しました。

于 2014-03-04T17:26:29.267 に答える