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

时间:2012-11-23 18:10:40

标签: jquery jquery-ui

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

4 个答案:

答案 0 :(得分:2)

您可以执行以下操作:

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

答案 1 :(得分:2)

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


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



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

答案 2 :(得分:1)

加载图像后(因此在AJAX回调或正在加载的文档中):

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

对于多张图片,请使用class选择器(http://api.jquery.com/class-selector)

答案 3 :(得分:1)

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

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

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

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