jQuery或javascript - 如何将html页面显示为对话框？

Question

我刚创建了一个html页面，并设计了它并准备使用， 所以我需要做的是将它显示为对话框：

$("#alertBtn").click(function(){
    //show dialog
});

Answer 1

创建一个具有特定ID的div，其中包含您想要的所有HTML。 例如

<div id="dialog"> 
    <p>This is some tekst inside the dialog</p>
</div>

然后在你的CSS中将它的显示属性设置为无，如下所示：

#dialog{
    display: none
}

在您的点击功能中，写下以下内容：

$('#dialog').click(function(){
    this.dialog();
});

我写这篇文章是出于我的想法，所以你可能需要稍微调整它才能使它工作。如果您输入＆＃39; jquery对话框＆＃39;进入谷歌，你还会得到很多这样的信息：https://www.tutorialspoint.com/jqueryui/jqueryui_dialog.htm

或者您可以尝试一些评论，我非常确定它们也都有效......

修改 也许最好立即初始化对话框并使用.hide（）jquery函数隐藏它。像这样：

$(document).ready(function(){
    $('#dialog').dialog();
    $('#dialog').hide();
}

当用户点击您的按钮时，您可以调用jquery的“显示”功能来显示您的对话框。

$('#someButton').click(function(){
    $('#dialog').show();
}