Закрытие окна fancybox: работает на iframe, но не на ajax

Question

У меня есть рабочее модальное окно fancybox со следующим кодом:

        $("a#add-project").click(function(){
            $.fancybox({
                type: 'ajax',
                href: BASEPATH + 'time/addProject',
                fitToView: false,
                autoSize: false,
                width: 500,
                height: 300,
                closeClick: false,
                openEffect: 'none',
                closeEffect: 'none',
                beforeClose: function() {
                    console.log('closed');
                }
            });
        });

Это окно AJAX содержит кнопку со следующим кодом:

    $('#addproject-close').bind("click keypress", function(){
        $.fancybox.close(true); 
        $.fancybox.close();
        parent.$.fancybox.close(true);
        parent.$.fancybox.close();
        console.log('tried to close');
    });

Я знаю, что это работает, потому чтоЯ вижу, пытался закрыть сообщение на консоли, но НЕТ никакого способа закрыть это окно.Я пытался со всеми возможными вещами, но ничего.В прошлом у меня было это окно с типом: 'iframe' и с parent. $ ... просто работало.

Как мне это сделать в ajax?

Заранее спасибо

Answer 1

Внутри окна AJAX создайте свою кнопку закрытия следующим образом:

<a href="javascript:$.fancybox.close();" id="addproject-close">close fancybox</a>

... и забудьте о методе .bind().

Это должно сработать. См. Демо