Question

我目前正在使用jQuery UI中的Modal Dialog作为菜单。菜单包含一些图像，当点击功能作为菜单项时。该站点使用动态ajax内容来加载所请求的页面。所以继承我的问题：如何在单击图像时关闭模态对话框？

Answer 1

您可以执行以下操作：

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

Answer 2

$( "#dialog" ).dialog();


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



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

Answer 3

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

$('yourImage').click(function(){
   $('yourDialog').dialog('close');
});

对于多张图片，请使用class选择器（http://api.jquery.com/class-selector）

Answer 4

假设您的图片标识为myImage，则下方将关闭对话框：

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

解释：on的使用将确保强制执行#myImage的选择器，即使在页面加载后图像在以后被ajaxed。

正如其他人所指出的，如果你有几个图像，那么使用css类来识别它们和.class jQuery选择器。

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

4 个答案: