Закрытие модального окна при смене ID

Question

Я использую SimpleModal Эрика Мартина (http://www.ericmmartin.com/projects/simplemodal-demos/) на www.1tryten.com/checkout.php. Код для загрузки просто:

jQuery(function ($) {
$('#CheckoutStepAccountDetails').modal();

});

Это загружает форму с 2 отправкиПосле того, как форма была отправлена, в div # CheckoutStepAccountDetails добавлен класс .ExpressCheckoutBlockCompleted. В настоящее время мне нужно, чтобы модал исчез. Я попытался добавить класс simplemodal-close к кнопке отправки, но затем он просто закрывается.модал без отправки формы. Кто-нибудь знает, как я мог бы сделать эту работу?

Answer 1

Для пояснения, вопреки словам Projapati, добавление класса simplemodal-close к элементу внутри модального режима фактически приведет к закрытию диалога при нажатии.

В зависимости от того, что выпри условии, все, что вам нужно сделать, это следующее:

//if I want to close the modal by outside click on the mask
$("#mask").click(function (e) { 
  $.modal.close(); 
});

Извините, я не смог ответить на это раньше, я был в отпуске;)

Answer 2

Бен, Я сомневаюсь, что просто добавление класса в ваш div позволит вам исчезнуть модал.

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

Вот как я контролирую, когда и как управлять модальным режимом закрытия:

//modal has a close button with id=modalclose. when it is clicked, I hide the modal mask
//this will close modal only if close button is clicked
$("#dialog #modalclose").click(function (e) { 
  $('#mask, .window').hide(); 
});

//if I want to close the modal by outside click on the mask
$("#mask").click(function (e) { 
  $('#mask, .window').hide(); 
});

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

Надеюсь, это поможет.