Search code examples
javascriptjquerysimplemodal

jQuery plugin SimpleModal body onclick close not working

I'm having problems getting the SimpleModal jQuery plugin to close when the body is clicked. So far, only the 'X' button works to close it with:

$('a.modalCloseImg').hide();

Here is my code for launching the modalbox. Note that #login-link is the link that opens the box and #login-form is the hidden modal box.

// launch modal box
$("#login-link").click(function(){
    $("#login-form").modal();
});

I've tried adding 

$("#login-form").modal(overlayClose:true);

but it doesn't seem to be working. (FYI that parameter is per the documentation of the SimpleModal box as seen here.

Solution

  • Try launching the modal box with an additional parameter, like this:

    // launch modal box
$("#login-link").click(function(){
    $("#login-form").modal({ overlayClose: true });
});

    you forgot additional {}.