jquery疊加 - 如何自定義關閉

Question

我無法爲疊加層創建自定義關閉按鈕。下面是我的對話框的HTML看起來像

<div id="new-window"> 
<div class="close">Custom Close Button</div> 
</div> 

這裏是我的javascript代碼

$("a[rel]").overlay({ 

     effect: 'apple', 
     speed: 'fast', 
     onBeforeLoad: function() { 

       // grab wrapper element inside content 
       var wrap = this.getOverlay().find(".contentWrap"); 

       // load the page specified in the trigger 
       wrap.load(this.getTrigger().attr("href")); 
     } 

}); 

對話框顯示正常。但每次點擊「自定義關閉按鈕」時都不會有任何反應。我只能按退出鍵關閉對話框。

這是我試圖遵循的文檔。

http://flowplayer.org/tools/overlay/index.html#close

我做了什麼錯？

Answer 1

我才意識到，你可以關閉這樣的疊加：

$(selectorforelementthatopennedtheoverlay).overlay().close(); 

因此，像這樣的工作對我來說：

$('.close').click(function() {$("a[rel]").overlay().close();}) 

Answer 2

你可以嘗試綁定自定義點擊事件關閉按鈕使用純jQuery的。

也許你可以添加額外的標籤，你的問題，因爲覆蓋不是jQuery核心