链接到另一个页面刷新选项卡窗格

时间:2017-04-26 21:17:21

标签: javascript jquery html twitter-bootstrap

我以不同的方式使用Bootstrap中的选项卡功能来实现高保真原型。使用它从一个部分转到另一个部分但不使用选项卡,以便第一页显示,然后您只需使用锚点从一个部分到另一个部分。我想出的问题是我需要从一个页面转到特定的部分" tab"在另一个。我无法弄清楚如何做到这一点。我对javascript不是很好,所以任何帮助都会非常感激。

第1页 - Home.cshtml

 <a class="btn btn-primary" href="AlignTeam#stepAlign2" data-target="#stepAlign2">Next</a>

第2页 - AlignTeam.cshtml

<div class="page-body myWizard"> 
<div class="tab-content">
    <!-- STEP ONE -->
    <div class="tab-pane fade in active" id="stepAlign1">
        Content
    </div>

    <!-- STEP TWO -->
    <div class="tab-pane fade" id="stepAlign2">
        Content
    </div>      

    <!-- STEP THREE -->
    <div class="tab-pane fade" id="stepAlign3">
        Content
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

  1. 您可能忘记在AlignTeam上包含.html(文件扩展名) 这是href="AlignTeam#stepAlign2"。它必须是href="AlignTeam.html#stepAlign2"
  2. 你需要一些关于Javascript&amp; amp;的知识。 JQuery能够实现这一点。
  3. 我在Plunker为您提供了解决方案。您可以从中了解更多信息,因为您也可以预览它的结果。
  4. 如果您觉得有帮助,请稍后告诉我。干杯!