关闭jqModal对话框而不在输入按钮的class-attribute中设置jqmClose-tag

时间:2012-02-06 12:52:06

标签: javascript jqmodal

我在ASP.net MVC 3项目中使用jqModal。我有一些按钮,我在其上应用CSS样式,但我已经读过输入元素的class属性可用于关闭jqModal对话框。

这是一个代码示例,其中jqModal的jqmClose函数在input-element的class属性中定义:

<input class="jqmClose" type="button" onclick="DeleteItem()" value='Bevestig' />

是否有另一种方法可以使用class-attribute进行CSS样式并在不使用jqmClose的情况下关闭jqModal对话框?

2 个答案:

答案 0 :(得分:2)

使用jqmHide方法关闭对话框:$('#my-dialog').jqmHide();

此外,您的输入有两个类属性。

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

答案 1 :(得分:0)

您要找的课程是 closeClass - 但这仅适用于图片。显示对话框时,具有CSS类 closeClass 的元素将在单击时关闭对话框。

例如;如果您使用对话框,则将以下html放入其中:

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

单击* 图像时,对话框将关闭 *。

您可以使用:

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

手动关闭对话框。即如果你的div的id是“jqmodal”,你就放$("#jqmodal").jqmHide().

但是对于div中上面的类closeClass的图像,您不必手动编程。

希望这能回答你的问题。