Spry选项卡式面板 - 选择菜单项而不单击

时间:2013-01-18 09:50:35

标签: jquery spry panels tabbed

我正在使用Spry Tabbed Panels。我想选择一个菜单而不点击。我已将一个菜单设为默认值。

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

怎么可能这样做?

1 个答案:

答案 0 :(得分:0)

这是关于你的后续问题:

  

例如,我有3个菜单项说:menu1,menu2和menu3..menu1被设置为默认菜单..现在,我选择menu3并且在menu3 contente区域有一个按钮。当我点击那个按钮我希望默认菜单(manu1)处于活动状态..

在第3个标签面板内容中,放置此<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>

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

希望这能解答您的疑问!