我有一个带有 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:
$(函数() {
$( "#tabs").tabs();
});
参见:http://jsfiddle.net/2ewzz/1/
当我在 IE9 中查看此内容时,我从第一个选项卡单击到第二个选项卡,然后再次返回第一个选项卡,数字全部更改为“0”
有谁知道我做错了什么,或者如何解决这个问题?
最佳答案
这似乎是 IE 本身的问题,查看相关的 question .
再次选择选项卡时,我可以通过在列表项上重新创建计数器来解决此问题。
$(function() {
$( "#tabs" ).tabs({
select: function(event, ui){
var ol = $($(ui.panel).children()[0]);
setTimeout(function(){
ol.children().css("counter-reset", "item")
}, 1);
}
});
});
看看这个 jsFiddle一个工作示例
关于jquery - 单击 jquery 选项卡时,有序列表的数字变为 0,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14520480/