Close Jqmodal Dialog Without Setting Jqmclose-tag In Class-attribute Of An Input-button

I'm using jqModal in my ASP.net MVC 3 project. I have some buttons where I apply CSS-styling on them but I've read that the class attribute of an input element can be used to close

Solution 1:

Use the jqmHide method to close a dialog: $('#my-dialog').jqmHide();

Also, your input has two class attributes.

http://dev.iceburg.net/jquery/jqModal/#how

Solution 2:

The class you are looking for is closeClass - but this only works with images. When a dialog is shown, elements that have a CSS class of closeClass will close the dialog when clicked.

For instance; If your with your dialog you have put the following html inside:

<img class="closeClass" src="close.gif">

the dialog will close when that*image is clicked*.

You can use:

$(*'your-dialog-box-selector-here'*).jqmHide() 

to close a dialog manually. i.e. if your div's id is "jqmodal" you put $("#jqmodal").jqmHide().

But with the image with the class closeClass above within the div, you don't have to program it manually.

Hope this answers your question.