Spry选项卡面板-无需单击即可选择菜单项

我使用Spry选项卡面板。我想在不点击的情况下选择菜单。我设置了一个默认菜单。

当我点击一个链接或按钮时，默认菜单应该被激活，而不需要重新加载页面。

如何做到这一点?

这是关于你的后续问题:

例如，我有3个菜单项:menu1,menu2和menu3..Menu1被设置为默认菜单。现在，我选择menu3，在menu3内容区有一个按钮。当我点击那个按钮时，我想让默认菜单(manu1)处于活动状态。

在第三个选项卡面板内容中，放入<a href="#" onclick="TabbedPanels1.showPanel(0); return false;">Go to Menu 1</a>

为了更清楚地理解，请看下面的代码:

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

p。(为了加强Joonas的回答)http://adobe.github.com/Spry/samples/tabbedpanels/tabbed_panel_sample.htm

希望这能回答你的问题!

相关内容

最新更新

热门标签：