Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.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
Javascript 如何使用JQuery使用特定URL激活选项卡_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何使用JQuery使用特定URL激活选项卡

Javascript 如何使用JQuery使用特定URL激活选项卡,javascript,jquery,html,Javascript,Jquery,Html,在我的主页上我有一个按钮。该按钮将指向另一个带有选项卡的页面。如何激活一个选项卡,并在单击主页上的特定按钮时显示其内容?这是否可能发生,或者必须发生事件才能发生 if(location.hash){ $('#tabbedContent')。每个(函数(){ $(this.find(“#champion”+location.hash.substr(1)).fadeIn(); }); }否则{ $('#tabbedContent')。每个(函数(){ $(this.find(“:first chi

在我的主页上我有一个按钮。该按钮将指向另一个带有选项卡的页面。如何激活一个选项卡,并在单击主页上的特定按钮时显示其内容?这是否可能发生,或者必须发生事件才能发生

if(location.hash){
$('#tabbedContent')。每个(函数(){
$(this.find(“#champion”+location.hash.substr(1)).fadeIn();
});
}否则{
$('#tabbedContent')。每个(函数(){
$(this.find(“:first child”).fadeIn();
});
}

文本 文本

这个问题完全可以用CSS解决。

默认情况下,设置所有选项卡的样式为不可见,然后使用CSS伪类设置活动选项卡的样式

/*默认情况下,所有选项卡都使用此类*/
.tab{不透明度:0;位置:绝对;}
/*活动选项卡将使用此规则。这个选择器很重要
是比默认选择器(此处为默认选择器)更具体的选择器*/
.tab:target{opacity:1;transition:1.5s;}

欢迎来到第一页
欢迎来到第二页
欢迎来到第三页
欢迎来到表4

谢谢,我会试试这个。