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

时间:2015-09-28 15:03:05

标签: javascript jquery

因此,每次关闭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');
      }); 
}); 

HTML代码:

<button href="" type="button" id="createTeamLink" class="btn btn-primary custom">Create Team</button>
<div id="createTeam" class="divider"></div>

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

3 个答案:

答案 0 :(得分:8)

使用dialogclose事件(http://api.jqueryui.com/dialog/#event-close)。

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

答案 1 :(得分:1)

您应该可以使用strip_tags(preg_replace("/&(?!#?[a-z0-9]+;)/", "&amp;",$textorhtml)) 功能执行此操作:

reload()

在您的代码中:

window.location.reload();

答案 2 :(得分:0)

初始化对话框时,添加close listener

$( ".selector" ).dialog({
  close: function( event, ui ) { window.location.reload(true); }
});