Question

我正在使用链接jQuery Confirm

中的对话框

$.dialog({
    title: '',
    content:'test' ,
    animation: 'scale',
    boxWidth: '50%',
    useBootstrap : false
});

现在我想点击按钮关闭它。有三个自定义按钮，我在每个按钮上执行不同的功能，然后想要关闭对话框。所以在每个按钮上我调用onclik函数，其中完成了一些任务。然后我想关闭对话框

<button onclick="update_details(some parameters);">Close</button>

function update_details(parameters)
{
   // task here depend on parameters  
   // Close dialog box here
}

此按钮位于对话框内。我尝试了我在这里找到但可行的解决方案。我用课隐藏它。但后来我无法重新打开它。还尝试在$ dialog

上调用close

更新：

$.ajax({
  type:'POST',
  cache:false,
  async:false,
  url: 'url here',
  data:{ },
  success:function(resp){   
    if(resp!='')
    {
        for(var i =0; i < somelenghth from resp; i++)
        {
            str = str + '<button onclick="update_details(parameters);" class="btn btn-default">name</button><br><br>';
        }           

        $.dialog({
              title: '',
              content:str ,
              animation: 'scale',
              boxWidth: '50%',
              useBootstrap : false
          });
    }
  }
});

Answer 1

如果将对话框的内容放在标签内并为其分配ID，则可以从外部函数中引用它。另外，您可能想添加close事件以在每次关闭时销毁对话框。

var closedFunction = function() {
    $(#dialogDiv).dialog( "destroy" );
};

$(#dialogDiv).dialog({
    title: '',
    close: closedFunction,
    content:'test' ,
    animation: 'scale',
    boxWidth: '50%',
    useBootstrap : false
});

因此，通过ID引用对话框内容，可以将其包含在按钮代码中以将其关闭。

<button onclick="update_details(some parameters);">Close</button>

function update_details(parameters)
{
    $(#dialogDiv).dialog( "close" );
    // task here depend on parameters  
}

希望这对您有帮助

关闭自定义按钮上的jQuery对话框

1 个答案: