我试图在页面刷新后获取最后选择的选项卡。我的代码如下。通过此代码,页面重新加载后第一个选项卡始终处于事件状态。
JavaScript
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
html:
<body>
<div id='childarpt' class='childarpt' ></br>
<div id="tabs"><ul>
<li class="active"><a href="#Total"><span>Total</span></a></li>
<li><a href="#USA"><span>USA</span></a></li>
<li><a href="#ASIA"><span>ASIA</span></a></li>
<li><a href="#JAPAN"><span>JAPAN</span></a></li>
<li><a href="#LATAM"><span>LATAM</span></a></li>
<li><a href="#EMEA"><span>EMEA</span></a></li>
</ul>
<table id='myTable' border='0'>
<div id="Total" class="tab active">
Total
</div>
<div id="USA" class="tab">
USA
</div>
<div id="ASIA" class="tab">
ASIA
</div>
<div id="JAPAN" class="tab">
JAPAN
</div>
<div id="LATAM" class="tab">
LATAM
</div>
<div id="EMEA" class="tab">
EMEA
</div>
</table>
</div>
</body>
最佳答案
快速而简单地解决您的问题
$(function() {
var tabs = $( "#tabs" )
tabs.tabs({
activate: function(e,ui) {
var index = ui.newTab.index()
location.hash = index;
},
active: location.hash.replace(/#/,"") || 0
});
});
您将需要更改状态的存储和加载,但这会让您失望。
关于javascript - 页面刷新后所选选项卡不处于事件状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36674539/