我正在使用Spry Tabbed Panels。我想选择一个菜单而不点击。我已将一个菜单设为默认值。
当我点击一个链接或按钮时,应该激活默认菜单而不重新加载页面。
怎么可能这样做?
答案 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
希望这能解答您的疑问!