相关疑难解决方法(0)

如何在销毁后重新创建jquery对话框

我正在页面加载(使用$(document).ready(function() {)上创建三个模态对话框.我通过调用setDialogWindows()方法创建这些对话框,并将其传递给对话框的div.对话框创建代码如下:

function setDialogWindows($element) {
 $element.dialog({
  autoOpen: false,
  modal: true,
  show: 'blind',
  hide: 'blind',
  width: 600,
  resizable: false,
  buttons: {
   Cancel: function() {
    $(this).dialog('destroy');
   },
   'Save': function() {
    $(this).dialog('close');
   }
  }
 });
}
Run Code Online (Sandbox Code Playgroud)

我会省略对话框html,但是有一些jquery拖放功能,我想在用户单击取消时完全重置.因此$(this).dialog('destroy').但是,当我再次单击链接打开对话框时,它不会显示.我意识到这是因为我没有重新插入它,但我真的不能这样做,因为对话框是在页面加载时创建的.我尝试向Cancel函数添加一个递归调用,如下所示:

   Cancel: function() {
    $(this).dialog('destroy');
    setDialogWindows($element);
   },
Run Code Online (Sandbox Code Playgroud)

但这不起作用 - 当我点击应该打开它的链接时仍然没有打开.有没有办法重新创建对话框?关于我应该重新初始化对话框的任何想法,如果我现在唯一的地方是在document.ready上?

谢谢.

jquery dialog jquery-ui modal-dialog

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

标签 统计

dialog ×1

jquery ×1

jquery-ui ×1

modal-dialog ×1