2012-06-05 178 views
0

我使用JQuery工具實現覆蓋功能。從一個覆蓋層鏈接到另一個覆蓋層

我的問題在於,我想在一個疊加層中打開一個鏈接來打開另一個疊加層,同時關閉現有的疊加層。

我該如何讓它工作?

<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', 
      });    
     }); 

回答

0

補充一點:

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

+0

嘿,我其實嘗試過它,但它沒有工作。 – Efe

+0

另外我認爲這是Jquery工具重疊缺失的一個重要特性。我想能夠用自動化的方式修復它 – Efe

+0

@Efe我已經更新了答案..它的工作..這裏是jsfiddle:http://jsfiddle.net/lucuma/KdGfW/你可以添加一些類或數據屬性使其更清潔一些。 – lucuma