javascript - 如何使用 spry 选项卡面板创建主页链接

Question

我有一个网站，主要使用 spry 选项卡式面板在页面之间进行链接。在网站的最顶部，我有一个 Logo ，我想将其用作刷新页面或返回原始选项卡的链接。 问题是，由于我使用了 spry 选项卡式面板，当我从一个选项卡式页面移动到另一个选项卡式页面时，站点中的 URL 永远不会改变，从而无法创建“主页”链接。

有谁知道如何在我的网站上使用 logo.jpeg 建立一个链接，该链接将刷新页面或打开原始选项卡备份？

这是网站: http://emilymagnuson.com/trustbank/index.html

谢谢!

Answer 1

Spry 选项卡式面板基本上是 JavaScript。 似乎没有一种简单的方法可以将自定义 JavaScript 调用挂接到脚本中，以允许外部元素(例如 Logo )触发显示选项卡。 因此，我建议使用快速&简单的解决方案。将 Logo 图像包含在将完全重新加载页面的链接中。所以这个:

<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>

编辑/清理解决方案:好的，我刚刚找到 this official Adobe documentation所以看来外部 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> 的推荐方法标签笨重，所以我会尝试这些。无需额外代码即可点击图像本身，只需一个简单的 JavaScript onclick事件:

<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;">

希望这有帮助!