关闭jQuery UI Dialog时刷新父页面
Refresh parent page when jQuery UI Dialog is closed
所以每次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>
如何让主父页面在对话框关闭后刷新/重新加载?
使用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();
}
});
您应该能够使用reload()
函数做到这一点:
window.location.reload();
在你的代码中:
var dlg=$('#createTeam').dialog({
title: 'Create a Team',
resizable: true,
autoOpen:false,
modal: true,
hide: 'fade',
width:600,
height:285,
close: function() {
window.location.reload();
}
});
初始化对话框时,添加close侦听器
$( ".selector" ).dialog({
close: function( event, ui ) { window.location.reload(true); }
});
相关文章:
- css媒体查询请求后刷新jQuery插件
- 刷新jquery中弹出的ui对话框
- 在'之后刷新jQuery Mobile元素;手动'操纵
- 不断刷新 jQuery 数据
- 如何刷新 jquery 移动复选框主题
- 刷新 jQuery 移动范围滑块
- 刷新 jquery 数据表
- 刷新 JQuery Mobile 中的列表视图和复选框
- 使用 ajax 动态刷新 jquery 数据表
- 更改状态以刷新 Jquery 的按钮
- 刷新 jquery 选项卡中的表单字段
- 从DOM刷新jQuery DataTable-无AJAX
- 在Ember.js视图中刷新jQuery绑定的正确方法是什么
- 正在刷新jQuery对话框数据
- 在django中发布一些内容而不刷新(JQuery、AJAX?)
- 如何在页面调整上刷新jQuery Mobile样式
- 如何在动态添加行后刷新JQuery移动表
- 刷新jquery mobile中的弹出内容
- 刷新jquery移动页面时会发生什么
- 如何刷新jQuery.ech()函数