2011-10-06 84 views
0

我正在使用來自FlowPlayer的JQuery疊加。JQuery關閉疊加 - 自定義按鈕

我有這個,打開我的疊加:

<a rel="#overlay1" class="miniOpenBtn">Open</a> 
$("a[rel]").overlay({mask: '#EFEFEF'}); 

我無聊的標準關閉按鈕,並想添加自己的按鈕,這是任何位置我覆蓋內:

<a id="closeOverlay" class="miniCloseBtn">x</a> 

我怎樣才能得到這個鏈接來關閉覆蓋?

我查看了文檔,他們只給出了一個例子,用覆蓋層的角落中的原始關閉按鈕替換,使用類「close」。我想完全擺脫那個原始的關閉按鈕,並在覆蓋圖中放置額外的按鈕。

我已經在StackOverflow上看到了一些舊的答案,但上週纔開始學習JQuery,至少有點令人困惑。

任何幫助感激地收到。

回答

0

我試過這個,並且在他們的論壇中經過了長時間的艱苦搜索之後得到了它的工作。通過應用(關閉:「a.closeOverlayBtn」),它允許我使用不同的按鈕來關閉覆蓋。

jQuery的

$("a[rel]").overlay({ 
mask: '#EFEFEF', 
close: "a.closeOverlayBtn" 
}); 

的疊加關閉

<a class="closeOverlayBtn" onclick="flashElement(<%=rsPhotoData.Fields("photoID")%>)"> 
x 
</a> 

正如你可以看到讓我用我的關閉按鈕來調用JS功能,原來的一個沒有輕鬆容許這一點。

0

在文檔據說:

您可以通過一個簡單的CSS類名「接近」他們輕鬆地添加疊加里面更加的封閉元件。這些元素可以以任何你喜歡的方式在覆蓋層中進行設計和定位。

在你情況下,將看起來像:

<a id="closeOverlay" class="miniCloseBtn close">x</a> 
0

你可以只取出的div覆蓋是:

$('.miniCloseBtn').click(function(){ 
    $('.overlay_div').remove(); 
}); 
0

如果你可以在覆蓋得到一個處理選擇針對(比如它有一個ID爲'overlay'),你可以這樣做:

$('#overlay').find('.close').replaceWith('<a href="#" class="close miniCloseBtn">x</a>'); 

一般而言,我認爲您使用「關閉」類創建的任何內容都會關閉疊加層。