单击链接关闭Jquery对话框

时间:2011-04-11 18:15:18

标签: jquery jquery-ui modal-dialog jquery-ui-dialog

我是新手使用Jquery ui。 我想创建一个模态对话框,只有当我点击模态框中的链接或图像时才关闭它。

我找到了隐藏关闭按钮的方法,但我不知道如何设置弹出窗口关闭点击或添加带有框内链接的图像。

有人可以提供完整的代码来获取此信息吗?

1 个答案:

答案 0 :(得分:3)

如果查看文档(http://docs.jquery.com/UI/Dialog#methods),可以看到有一个关闭函数。创建对话框时,您可以将click事件附加到任何调用该对话框对象上的close函数的任意元素(新的关闭链接/图像/按钮/任何内容):

var my_dialog = $('#my_div').dialog({});//options, etc

$('#my_div .my_close_link').click(function () {
  my_dialog.close();
});