如何使用漂亮的选项卡式面板进行主页链接

Question

我有一个网站，主要使用spry选项卡式面板在页面之间链接。在网站的最顶部，我有一个徽标，我想将其用作链接以刷新页面或将其带回原始选项卡。 问题是，由于我使用了 spry 选项卡式面板，因此当我从一个选项卡式页面移动到另一个选项卡式页面时，站点中的 URL 永远不会更改， 使"家"链接变得不可能。

有谁知道如何在我的网站上制作带有徽标的链接.jpeg这将刷新页面或打开原始选项卡备份？

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

谢谢！

Answer 1

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>标签的方法很笨拙，所以我会尝试这些。图像本身可以在没有额外代码的情况下点击，而只是一个简单的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;">

希望这有帮助！