jQuery Colorbox: Закрыть Colorbox on press submit button

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

Я смотрел сайт 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>

Но я не работаю.
Что я делаю неправильно?

Искренняя - Mestika

источник

2011-12-20 Mestika

Есть ли у вас какие-либо ошибки выводятся на Firebug консоли? Попробуйте распечатать что-то консоль в вашей функции щелчка. Попробуйте 'console.log (« clicked »)' например – DKSan

Вы должны предоставить больше своего вопроса, чем «он не работает». Постарайтесь подробно описать поведение, которое вы видите после нажатия Submit или еще лучше, разместите ссылку на свой проект. –

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

parent.$.colorbox.close();

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

источник

2011-12-21 01:49:36 Jack

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

Я сделал встроенный контент с регистрационной формой mailchimp с идентификатором «signupform».

источник

2013-07-29 15:39:01 Christina

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

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

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

ресурс http://www.jacklmoore.com/colorbox/faq/#faq-close

источник

2016-09-19 21:19:17 jonathan

jQuery Colorbox: Закрыть Colorbox on press submit button

ответ

Смежные вопросы