Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将简单链接链接到另一页的选项卡_Jquery_Css - Fatal编程技术网

Jquery 将简单链接链接到另一页的选项卡

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

我在一个名为people.html的页面上有链接


当我点击其中一个链接时,我想打开(激活)另一个名为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')