jquery overlay - как закрыть на заказ

У меня возникли проблемы с созданием пользовательской кнопки закрытия для моего оверлея. Вот как выглядит 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

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


overlay jquery
person John    schedule 02.11.2010    source источник

Ответы (2)


arrow_upward
0
arrow_downward

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

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

person JustcallmeDrago    schedule 02.11.2010

arrow_upward
0
arrow_downward

Я только что понял, что вы можете закрыть наложение следующим образом:

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

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

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