Tabs 如何更改内容而不更改带有Spry选项卡面板的选项卡？_Tabs_Spry_Tabbed

Tabs 如何更改内容而不更改带有Spry选项卡面板的选项卡？

tabs

Tabs 如何更改内容而不更改带有Spry选项卡面板的选项卡？,tabs,spry,tabbed,Tabs,Spry,Tabbed,我有一个主要由Spry标签面板组成的站点现在我有它的工作，你点击一个不同的标签，内容随着标签的变化而变化。但现在我的标签内容中有链接，我想链接到不同的页面，但在同一个标签中。我该怎么做下面是我在富国银行网站上谈论的一个例子：第一个选项卡：单击了选项卡中的链接（但选项卡未更改）：如果你想在我的网站上给我一个答案，这里是我的网站：我的理解是，您希望在选项卡式面板中创建页面。解决方案可以是：在Spry选项卡式面板内创建另一个Spry选项卡式面板使用示例链接编辑：以下是源代码： <

我有一个主要由Spry标签面板组成的站点

现在我有它的工作，你点击一个不同的标签，内容随着标签的变化而变化。但现在我的标签内容中有链接，我想链接到不同的页面，但在同一个标签中。我该怎么做

下面是我在富国银行网站上谈论的一个例子：

第一个选项卡：

单击了选项卡中的链接（但选项卡未更改）：

如果你想在我的网站上给我一个答案，这里是我的网站：

我的理解是，您希望在选项卡式面板中创建页面。解决方案可以是：在Spry选项卡式面板内创建另一个Spry选项卡式面板

使用示例链接编辑：以下是源代码：

<body>
<div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Main Tab 1</li>
    <li class="TabbedPanelsTab" tabindex="0">Main Tab 2</li>
    <li class="TabbedPanelsTab" tabindex="0">Main Tab 3</li>
  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">Main Content 1</div>
    <div class="TabbedPanelsContent">Main Content 2
      <div id="TabbedPanels2" class="VTabbedPanels">
        <ul class="TabbedPanelsTabGroup">
          <li class="TabbedPanelsTab" tabindex="0">Sub Tab 1</li>
          <li class="TabbedPanelsTab" tabindex="0">Sub Tab 2</li>
        </ul>
        <div class="TabbedPanelsContentGroup">
          <div class="TabbedPanelsContent">Sub Content 1
              <li><a href="#">Link here</a></li>
              <li><a href="#">Link here</a></li>
              <li><a href="#" onclick="TabbedPanels2.showPanel(1); return false;">Go to Menu 2</a></li>
             </div>
          <div class="TabbedPanelsContent">Sub Content 2</div>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">Main Content 3</div>
  </div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var TabbedPanels2 = new Spry.Widget.TabbedPanels("TabbedPanels2");
</script>
</body>

现在，选项卡式面板中的选项卡已隐藏。只显示内容

此外，添加此选项可加宽面板内容的宽度：

注意事项：

用于：

<a href="#" onclick="TabbedPanels2.showPanel(1); return false;">Go to Menu 2</a>

显示面板（0）-1st选项卡；showPanel（1）-2nd选项卡，等等。

谢谢您的回复，但这远远不是我想要的。我希望顶部选项卡保持不变，但当单击选项卡内容内的链接时，选项卡中的内容会发生更改。单击我在上面附加的wellsfargo链接上的链接。它做了我想学的事情。非常感谢。嗨，艾米丽。是的，我看到了链接。你的意思是，如果我单击选项卡式面板内容内的链接，同一选项卡中将显示另一个页面？如果是，我已经编辑了我的答案。谢谢，但仍然不是我想要的。你给我的是spry标签面板，然后在标签内有一个垂直标签列表。我不希望在选项卡内容内有任何内容，除了链接，然后当您单击链接时，顶部选项卡外的新内容将发生更改。非常感谢。我很难弄清楚您更改了代码的哪一部分，在第三个选项卡上，您放置了一个链接，当您单击该链接时，内容发生了更改，我不知道将第二个内容放置在何处。Tumblr代码让我很困惑，因为我必须清除Tumblr代码。你能编辑一下最上面的代码吗？那会很有帮助的！非常感谢。嗨，艾米丽。是的，我已经编辑了代码。检查一下，让我知道你是否需要更多的澄清。：）

.VTabbedPanels .TabbedPanelsContentGroup {
    width: 99%;
    height: 100%;
    border: 0;
}

<a href="#" onclick="TabbedPanels2.showPanel(1); return false;">Go to Menu 2</a>