Оверлей 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"));
        }

});

Диалог выглядит нормально. Но каждый раз, когда я нажимаю «Custom Close Button», ничего не происходит. Я могу только закрыть диалог, нажав клавишу выхода.

Это документация, которой я пытался следовать.

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

Что я сделал не так?

Answer 1

Я только что понял, что вы можете закрыть оверлей так:

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

Так что-то вроде этого сработало для меня:

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

Answer 2

Вы можете попробовать связать пользовательское событие нажатия с кнопкой закрытия, используя чистый jquery.

И, возможно, вы можете добавить дополнительные теги к своему вопросу, потому что оверлей не является основным jquery