ID 更改时关闭模态框

Question

我正在使用 Eric Martin 的 SimpleModal (http://www.ericmmartin.com/projects/simplemodal-demos/)，网址为 www.1tryten.com/checkout.php。加载代码很简单：

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

});

这将加载一个具有 2 个提交选项的表单，提交表单后，类 .ExpressCheckoutBlockCompleted 将添加到 div#CheckoutStepAccountDetails 中。这时候我需要让Modal消失。我尝试将 simplemodal-close 类添加到提交按钮，但随后它只是关闭模式而不提交表单。有谁知道我怎样才能做到这一点？

Answer 1

本，
我怀疑仅仅在你的 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(); 
});

因此，对于您的情况，您需要在提交表单后添加此类调用
如果提交表单时有可用的回调函数，则可以添加代码以隐藏该回调函数内的模式。

希望这有帮助。

Answer 2

为了澄清，与 Projapati 所说的相反，向模态内的元素添加一个 simplemodal-close 类实际上会导致对话框在单击时关闭。

根据您提供的内容，您需要做的就是以下内容：

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

抱歉，我无法早些时候回复此问题，我正在度假；）