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核心