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

您可以尝试使用纯jquery将自定义单击事件绑定到关闭按钮。

也许您可以在问题中添加其他标签，因为叠加层不是核心jquery

Answer 2

我刚才意识到你可以关闭这样的叠加层：

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

所以这样的事情对我有用：

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

jquery overlay - 如何自定义关闭

2 个答案: