Search code examples
jqueryajaxsimplemodal

How do you close a jQuery Simplemodal?

I want to close a Simplemodal window from a JavaScript function that gets called automatically after a form is submitted and the results recived (AJAX), using ASP.Net MVC. How do I close a jQuery Simplemodal?

I've opened it this way:

$("#popup").modal()
Solution

  • You have 2 options:

    1) Put the close class (simplemodal-close) on an element in your modal data and SimpleModal will automatically bind the close function to the click event on that element.

    Taking the example above, you'd want:

    <div id="foo" style="display:none">
  <p>Form HTML</p>
  <span class="simplemodal-close">Close</span>
</div>

    2) When you want to close the dialog programatically, call:

    $.modal.close();

    HTH!

    -Eric (SimpleModal author)