Jquery 将简单链接链接到另一页的选项卡
我在一个名为people.html的页面上有链接Jquery 将简单链接链接到另一页的选项卡,jquery,css,Jquery,Css,我在一个名为people.html的页面上有链接 当我点击其中一个链接时,我想打开(激活)另一个名为single.html的页面上的相应选项卡 谢谢假设您单击了任何锚定标记,现在在您的URL中,链接与您单击的选项卡显示如下 "www.xyz.com/page#tab1"; 现在在加载页面时获取URL var url = window.location.href; 从url链接获取要激活的选项卡 var activeTab = url.substring(url.index
当我点击其中一个链接时,我想打开(激活)另一个名为single.html的页面上的相应选项卡
谢谢假设您单击了任何锚定标记,现在在您的URL中,链接与您单击的选项卡显示如下
"www.xyz.com/page#tab1";
现在在加载页面时获取URL
var url = window.location.href;
从url链接获取要激活的选项卡
var activeTab = url.substring(url.indexOf("#") + 1);
删除旧的活动选项卡类
$(".tab-pane").removeClass("active in");
将活动类添加到新选项卡
$("#" + activeTab).addClass("active in");
或者在获取activeTab后直接打开tab
$('a[href="#'+ activeTab +'"]').tab('show')
在
a
tag中使用target=''blank'
属性,可能只是
等。当然这不会使选项卡处于活动状态,只在选项卡已经处于活动状态时导航到该选项卡?若要使“使”选项卡处于活动状态,您需要一个全局变量来设置要激活的选项卡,然后在下一页中使用该变量来激活该选项卡。不,我不想只在“新选项卡”中打开页面。单击链接时,另一页的导航选项卡中的一个应处于活动状态。因此,如果我单击Name2链接,则带有href=“nameTwo”的导航选项卡应处于活动状态。@Marek,这不起作用,我尝试了几次。嘿,Anil,我仍然对该锚链接有一个小问题。问题是当加载另一个页面时,因为它总是在半秒钟内显示第一个(默认)图像,然后加载选项卡。希望我是清楚的。
$("#" + activeTab).addClass("active in");
$('a[href="#'+ activeTab +'"]').tab('show')