如何使用spry选项卡式面板建立主页链接

Question

我有一个主要使用spry选项卡式面板链接页面的网站。在网站的最顶部，我有一个徽标，我想用它作为链接刷新页面或将其恢复到原始选项卡。 问题在于，由于我使用了spry选项卡式面板，当我从一个选项卡式页面移动到另一个选项卡式页面时，网站中的URL永远不会更改，从而无法实现“主页”链接。

有没有人知道如何使用logo.jpeg在我的网站上建立链接，刷新页面或打开原始标签？

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

谢谢！

Answer 1

Spry Tabbed Panels基本上是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>

编辑/清洁解决方案：好的，我刚刚找到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;">

希望这有帮助！