Spry 选项卡式面板基本上是 JavaScript。似乎没有一种简单的方法可以将自定义 JavaScript 调用挂接到脚本中以允许外部元素(如徽标)触发显示的选项卡。所以我会推荐一个快速简单的解决方案。将徽标图像包装在将完全重新加载页面的链接中。所以这:
<img src="images/logo.jpg" width="100" height="100">
变成这样:
<a href="/" target="_top"><img src="images/logo.jpg" width="100" height="100"></a>
或者,如果您不介意index.html
展示,也许可以这样做:
<a href="index.html" target="_top"><img src="images/logo.jpg" width="100" height="100"></a>
编辑/清洁解决方案:好的,我刚刚找到了这个官方的 Adobe 文档,所以似乎可以进行外部 JavaScript 调用。具体参考“使用链接打开标签”。所以你可以这样做:
<a href="#" onclick="TabbedPanels1.showPanel(0); return false;"><img src="images/logo.jpg" width="100" height="100"></a>
或者这样做:
<a href="#" onclick="TabbedPanels6.showPanel('first'); return false;"><img src="images/logo.jpg" width="100" height="100"></a>
但我发现那些推荐的添加<a href>
标签的方法很笨重,所以我会尝试这些。无需额外代码即可单击图像本身,而只需一个简单的 JavaScriptonclick
事件:
<img src="images/logo.jpg" width="100" height="100" onclick="TabbedPanels1.showPanel(0); return false;">
<img src="images/logo.jpg" width="100" height="100" onclick="TabbedPanels6.showPanel('first'); return false;">
希望这可以帮助!