jQuery Colorbox: закрыть Colorbox при нажатии кнопки отправки

Question

Я работаю над вставкой формы подписки MailChimp в модальное окно jQuery Colorbox.У меня есть все для работы, но я не могу понять, как закрыть Colorbox при отправке формы подписки.

Я просматривал сайт Colorbox и другие вопросы здесь, в Stackoverflow, но не получилэто на работу.То, что я получил до сих пор, это:

Внутри я добавил

<script type="text/javascript">
$(document).ready(function(){
$('#cboxContent .closebutton').live('click', function(){
$.fn.colorbox.close();});
});
</script>

Затем в своей форме информационного бюллетеня я добавил класс «closebutton» к моей кнопке отправки,так это выглядит так:

<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="closebutton"></div>

Но я не работаю.
Что я делаю не так?

Искренне - Местика

Answer 1

Является ли форма подписки внутри iframe?Если это так, вам нужно вызвать $ .colorbox.close из родительского объекта.Пример:

parent.$.colorbox.close();

Кроме того, вы можете решить эту проблему иначе, чем при нажатии кнопки.Перед закрытием формы необходимо убедиться, что форма была успешно отправлена.

Answer 2

позже попробуй и попробуй, и посмотри различные форумы или всегда в stackoverflow, функция закрытия, которая работала для меня, это:

    $("#edit-next").click(function(e) {
        e.preventDefault();
        window.parent.jQuery.colorbox.close();
        this.submit;
    }); 

Вы можете изменить щелчок, чтобы отправить и работает хорошо, это такжеработая на drupal, я нахожу этот пример на странице создателя colorbox.

resource http://www.jacklmoore.com/colorbox/faq/#faq-close

Answer 3

$(window).load(function () {
        $('#signupform').submit(function(){
       parent.jQuery.fn.colorbox.close()
    });
});

У встроенного содержимого с формой регистрации mailchimp есть идентификатор "signupform".