[英]Anchor link to another specfic tab's content from another page
题。 我有一些选项卡,我希望能够从另一个页面链接回特定的选项卡,并使其成为活动选项卡。 我该怎么办?
HTML:
<div id="tabs-container">
<ul class="tabs-menu">
<li class="current"><a href="#tab-1"><strong>Tab 1</strong></a></li>
<li><a href="#tab-2"><strong>Tab 2</strong></a></li>
<li><a href="#tab-3"><strong>Tab 3</strong></a></li>
<li><a href="#tab-4"><strong>Tab 4</strong></a></li>
</ul>
<div class="tab">
<div id="tab-1" class="tab-content">Content1</div>
<div id="tab-2" class="tab-content">Content2</div>
<div id="tab-3" class="tab-content">Content3</div>
<div id="tab-4" class="tab-content">Content4</div>
</div>
</div>
JavaScript的
$(document).ready(function() {
$(".tabs-menu a").click(function(event) {
event.preventDefault();
$(this).parent().addClass("current");
$(this).parent().siblings().removeClass("current");
var tab = $(this).attr("href");
$(".tab-content").not(tab).css("display", "none");
$(tab).fadeIn();
});
});
提前致谢 :)
您可以为此使用URL参数:
function getUrlParameter(sParam) {
var sPageURL = decodeURIComponent(window.location.search.substring(1)),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : sParameterName[1];
}
}
};
$(function(){
var toGet = getUrlParameter('tab');
$(".tab-content").not('#'+toGet).css("display", "none");
$("#"+toGet).fadeIn();
});
使用类似http://....?tab=tab-1
的URL
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.