Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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链接到特定选项卡_Javascript_Jquery_Tabs - Fatal编程技术网

Javascript 通过jquery链接到特定选项卡

Javascript 通过jquery链接到特定选项卡,javascript,jquery,tabs,Javascript,Jquery,Tabs,我需要你的帮助 我在我的站点中有一个jquery的选项卡功能。而且效果很好 下面是 <script type="text/javascript"> // When the document loads do everything inside here ... $(document).ready(function(){ // When a link is clicked $("a.tab").click(function () { // switch all

我需要你的帮助

我在我的站点中有一个jquery的选项卡功能。而且效果很好

下面是

<script type="text/javascript">
// When the document loads do everything inside here ...
$(document).ready(function(){
    // When a link is clicked
    $("a.tab").click(function () {
    // switch all tabs off
    $(".active").removeClass("active");
    // switch this tab on
    $(this).addClass("active");
    // slide all content up
    $(".content").slideUp();
    // slide this content up
    var content_show = $(this).attr("title");
    $("#"+content_show).slideDown();
    });
});
</script>

//当文档加载时,在这里执行所有操作。。。
$(文档).ready(函数(){
//单击链接时
$(“a.tab”)。单击(函数(){
//关闭所有选项卡
$(.active”).removeClass(“active”);
//打开此选项卡
$(此).addClass(“活动”);
//向上滑动所有内容
$(“.content”).slideUp();
//向上滑动此内容
var content_show=$(this.attr(“title”);
$(“#”+内容显示).slideDown();
});
});
和html源代码在这里

<ul id="tabs">
    <li><a href="#" title="type1" class="tab active">type1</a></li>
    <li><a href="#" title="type2" class="tab">type2</a></li>
</ul>
<section id="type1" class="content">
    <p>contents1contents1contents1contents1contents1</p>
</section>
<section id="type2" class="content content_2">
    <p>contents2contents2contents2contents2</p>
</section>
内容1内容1内容1内容1内容1内容1内容1

内容2内容2内容2内容2内容2内容2

但是我需要将一个按钮链接到一个特定的选项卡。 类别存档页面中有一个按钮,当用户单击该按钮时,页面打开,第二个选项卡中的内容名为“type2”

以上来源由 这就是我正在做的


我在等你的建议

假设上面的html文件名为index.html,您可以创建如下链接:

<a href="index.html#!type2">click</a>

假设上面的html文件名为index.html,您可以创建如下链接:

<a href="index.html#!type2">click</a>

谢谢你的建议!!!它工作!!!但是当它打开链接页面时,页面的位置不是在顶部,而是在页面的某个位置。我想这是受部门id位置的影响。你能帮我修复它吗?已更新。别忘了投票并检查正确答案。嗯……这对我不起作用。该网站由wordpress运营。所以我没有html页面。并且节的ID是用日语命名的。那些东西会制造麻烦吗?在这里,我将链接。如果你需要测试,在页面中央,你可以找到小的“测试”,点击它。这里有一个更简单的方法,添加一个!在链接中的哈希之后,这样它就不会滚动到您的选项卡。更新答案。谢谢!!!它有效!!!!完美的不幸的是,我只有8个名声。当我获得7个以上的声望时,我会投票!!肯定谢谢你的建议!!!它工作!!!但是当它打开链接页面时,页面的位置不是在顶部,而是在页面的某个位置。我想这是受部门id位置的影响。你能帮我修复它吗?已更新。别忘了投票并检查正确答案。嗯……这对我不起作用。该网站由wordpress运营。所以我没有html页面。并且节的ID是用日语命名的。那些东西会制造麻烦吗?在这里,我将链接。如果你需要测试,在页面中央,你可以找到小的“测试”,点击它。这里有一个更简单的方法,添加一个!在链接中的哈希之后,这样它就不会滚动到您的选项卡。更新答案。谢谢!!!它有效!!!!完美的不幸的是,我只有8个名声。当我获得7个以上的声望时,我会投票!!肯定