从一个叠加层链接到另一个叠加层

【问题标题】：Link from one overlay to another从一个叠加层链接到另一个叠加层
【发布时间】：2012-06-05 13:07:58
【问题描述】：

我使用 JQuery Tools 来实现其覆盖功能。

我的问题是，我想在一个叠加层中有一个链接，以便在关闭现有叠加层的同时打开另一个叠加层。

我怎样才能让它工作？

<a href="#" class="takeatour" rel="#sitetour1">Site tour</a>

<div class="overlay" id="sitetour1">
Step 1 <a href="#" rel="#sitetour2">Click here to learn more</a>
</div>
<div class="overlay" id="sitetour2">
Step 2
</div>


        $("a[rel]").each(function(i) { 
            $(this).overlay({ 

                // common configuration for each overlay 
                oneInstance: false,  
                closeOnClick: true,     
                expose: '#3FB8AF',
            });             
        });

【问题讨论】：

标签： jquery jquery-plugins jquery-tools

【解决方案1】：

添加这个：

$('a[rel=#sitetour2]').click(function(e) {
    $('a[rel=#sitetour1]').overlay().close();
});

【讨论】：

另外我认为这是Jquery工具覆盖缺失的一个重要功能。我希望能够通过自动方式修复它
@Efe 我已经更新了答案.. 它有效.. 这是 jsfiddle：jsfiddle.net/lucuma/KdGfW 您当然可以添加一些类或数据属性以使其更简洁。
这个很奇怪，因为我放到网站上就不行，在这里试试； insead4sq.com 点击探索按钮。当在第一个叠加层中单击了解更多链接时，整个事情变得一团糟......
您网站的问题是叠加层的 z-index。确保并将其类设置为高于右侧提要的类。