JQUERYUI-单击图像时关闭模式对话框

我目前正在使用jQueryUI中的模式对话框作为菜单。 菜单由一些图像组成，单击这些图像可作为菜单项使用。 该站点使用动态ajax内容加载请求的页面。我的问题是：

---

单击图像后如何关闭模式对话框？

您可以执行以下操作：

$('<your image>').click(function(){
    $('<your dialog>').dialog('close');
});

$（“”）。单击（函数（）{
$（''）.dialog（'close'）；
});

一旦加载了图像（因此在AJAX回调或正在加载的文档中）：

---

对于多个图像，请使用

类

选择器(http://api.jquery.com/class-selector)

假设您的图像具有id

myImage

，则以下命令将关闭该对话框：

$("#myImage").on('click', function() {
  $('#divForDialog')dialog("close") 
});

说明：在上使用

，将确保执行
#myImage
的选择器，即使在页面加载后图像被Ajax导入

正如其他人所指出的，如果您有多个图像，那么使用css类来识别它们，并使用
.class
jQuery选择器。
$（“#dialog”）.dialog（）；
$( "#dialog" ).dialog();


<img src='..' class='image_menu'>
<img src='...' class='image_menu'>



$('.image_menu').click(function(){
   $('#dialog').dialog('close');
});

$（'.image_菜单'）。单击（函数（）{
$（'dialog'）。dialog（'close'）；
});
如何将此应用于许多不同的图像？由于我在不同的模式对话框中有许多图像作为菜单。@Malmoc您可以将所有图像定义为一个类，然后将该类用作
单击的选择器
$( "#dialog" ).dialog();


<img src='..' class='image_menu'>
<img src='...' class='image_menu'>



$('.image_menu').click(function(){
   $('#dialog').dialog('close');
});