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

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

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

---

创建一个具有特定ID的div，其中包含所需的所有HTML。 比如说

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

在单击函数中，编写以下内容：

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

我是从脑子里写出来的，所以你可能需要稍微调整一下它才能工作。如果在google中键入“jquery dialog”，您还将获得大量如下信息：

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

或者你可以试试这些评论，我很确定它们都很有用

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

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

当用户单击按钮时，然后调用jquery的“show”函数来显示对话框

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

---

你是说？我认为使用iframe比使用modal.window.open（'/page.html'，name'，width=700，height=550'）更好；rymdmaskin，我不是说警惕。。。我能知道谁和为什么拒绝我的问题吗。。你是说你上面写的那个div吗？如果它不可见，我怎么单击它呢？我假设你有一个带有clickhandler的按钮，在这个函数中，你可以将display属性从none更改为block。。。当您检查文档时，它所说的只是使用.dialog（）jquery函数。但是我假设你的对话内容会一直可见。您还可以使用.hide（）函数（也许更好，我将编辑我的答案）。