如何在jQuery Ui中设置活动标签 [英] How to Set Active Tab in jQuery Ui
本文介绍了如何在jQuery Ui中设置活动标签的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
您能告诉我如何通过单击选项卡中的按钮来设置jquery ui中的活动选项卡吗?
Can you please let me know how I can set the active tab in jquery ui with a button click out of the tabs?
我有一个类似的按钮:
<input id="action" type="submit" value="Go to Action">
这是代码,
<script>
$(function() {
$( "#tabs" ).tabs();
$( "#action" ).on("click", function(){});
});
<div id="tabs">
<ul>
<li><a href="#tabs-1">Description</a></li>
<li><a href="#tabs-2">Action</a></li>
<li><a href="#tabs-3">Resources</a></li>
<li><a href="#tabs-4">Settings</a></li>
</ul>
<div id="tabs-1">
<p>Description content</p>
</div>
<div id="tabs-2">
<p>Action content</p>
</div>
<div id="tabs-3">
<p>Resources content</p>
</div>
<div id="tabs-4">
<p>Settings </p>
</div>
</div>
推荐答案
在函数内部进行点击操作
Inside your function for the click action use
$( "#tabs" ).tabs({ active: # });
其中#替换为您要选择的标签索引.
Where # is replaced by the tab index you want to select.
从选定更改为活动,不推荐使用
change from selected to active, selected is deprecated
这篇关于如何在jQuery Ui中设置活动标签的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文