jquery 选项卡重定向
我有这个,
$(document).ready(function() {
//Default Action
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).show(); //Fade in the active content
return false;
});
});
<div class="container">
<ul class="tabs">
<li><a href="#tab1">File Encryption</a></li>
<li><a href="#tab2">File Integrity</a></li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
</div>
<div id="tab2" class="tab_content">
</div>
</div>
</div>
这是index.php 页面。现在我想从另一个名为 test.php 的页面重定向,但我希望当我返回到 index.php 时它打开 tab2。我该如何做到这一点。 谢谢
I have this
$(document).ready(function() {
//Default Action
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).show(); //Fade in the active content
return false;
});
});
<div class="container">
<ul class="tabs">
<li><a href="#tab1">File Encryption</a></li>
<li><a href="#tab2">File Integrity</a></li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
</div>
<div id="tab2" class="tab_content">
</div>
</div>
</div>
this was index.php page. Now I want to get redirected from another page called, test.php but I want it to have tab2 open when I get back to index.php. how would I accomplist that.
thanks
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
来自 jquery-ui 文档:
要选择的选项卡的从零开始的索引初始化。要将所有选项卡设置为未选中,请传递 -1 作为值。
代码示例
使用指定的选定选项初始化选项卡。
From the jquery-ui documentation:
Zero-based index of the tab to be selected on initialization. To set all tabs to unselected pass -1 as value.
Code examples
Initialize a tabs with the selected option specified.