2

我目前正在使用 jQuery UI 中的模态对话框作为菜单。菜单由一些图像组成，当单击这些图像时，这些图像用作菜单项。该站点使用动态 ajax 内容来加载所请求的页面。所以这是我的问题：单击图像后如何关闭模式对话框？

4

4 回答 4

2

您可以执行以下操作：

$('<your image>').click(function(){
    $('<your dialog>').dialog('close');
});
于 2012-11-23T18:13:47.357 回答
2 
$( "#dialog" ).dialog();


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



$('.image_menu').click(function(){
   $('#dialog').dialog('close');
});
于 2012-11-23T18:20:46.430 回答
1

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

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

对于多个图像，使用class选择器 (http://api.jquery.com/class-selector)

于 2012-11-23T18:14:18.710 回答
1

假设您的图像有一个 id myImage，那么下面将关闭对话框：

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

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

正如其他人指出的那样，如果您有多个图像，则使用 css 类来识别它们和.classjQuery 选择器。

于 2012-11-23T18:14:48.907 回答