相关疑难解决方法(0)

jQuery UI对话框:如何在外部单击时关闭对话框?

文档中我没有看到这样的信息.

在这种情况下,有关闭对话框的选项:

1)推Esc;

2)单击对话框中的"确定"或"关闭"按钮.

但如果点击外面如何关闭对话框?

谢谢!

jquery-ui jquery-ui-dialog

7
推荐指数
3
解决办法
2万
查看次数

单击非模态对话框外部以关闭

根据我之前的研究,我已经能够弄清楚如何在对话框周围的叠加层上触发实时点击事件以关闭对话框.但是,这会将此对话框功能的进一步发展限制为模态.如果我将对话框设置为非模态,则没有叠加来触发click事件.如何在不使用叠加点击事件的情况下单击外部对话框时,如何设置对话框(现在不是模态)?

这是我的对话框和随后的实时点击事件,它允许我从叠加层关闭对话框:

$("#dialog-search").dialog({
    resizable: false,
    height:dimensionData.height,
    width: dimensionData.width,
    modal: false,
    title: dimensionData.title,
    position: [x,y],
    close: function(event, ui){
       callBack(event,ui);
    }
});
$('.ui-widget-overlay').live('click', function() {
    $('#dialog-search').dialog("close");
});
Run Code Online (Sandbox Code Playgroud)

dialog click jquery-ui-dialog non-modal

6
推荐指数
1
解决办法
3585
查看次数

关闭jQuery UI对话框时刷新父页面

因此,每次关闭jQuery UI中的特定对话框时,我都希望刷新父页面.我怎样才能做到这一点.

jQuery代码:

        $(document).ready(function() { 
         var dlg=$('#createTeam').dialog({
         title: 'Create a Team',
         resizable: true,
         autoOpen:false,
         modal: true,
         hide: 'fade',
         width:600,
         height:285
      });


      $('#createTeamLink').click(function(e) {
          dlg.load('admin/addTeam.php');
          e.preventDefault();
          dlg.dialog('open');
      }); 
}); 
Run Code Online (Sandbox Code Playgroud)

HTML代码:

<button href="" type="button" id="createTeamLink" class="btn btn-primary custom">Create Team</button>
<div id="createTeam" class="divider"></div>
Run Code Online (Sandbox Code Playgroud)

关闭对话框后,如何让主页面刷新/重新加载?

javascript jquery

2
推荐指数
1
解决办法
1万
查看次数