javascript - 添加 DIV 的内部模态对话框 HTML5

Question

我试着用谷歌搜索，但没有找到我要找的东西。

我需要示例代码或资源链接来创建 modal dialog盒子，我想要 two boxes(div's)在对话框中。

我必须插入 different content当 user clicks 出现时，在两个框内(在对话框内) .

我知道如何创建对话框，但是，我特别想知道如何插入 divs里面。

我希望我的问题很清楚。请帮忙。

Answer 1

如果您只想查看代码，请查看 http://www.pixelvalet.com 的工作部分(好的!这是我的网站，但它会对您有所帮助，对吗？)。

我处理这个问题的方式是:

1. 首先我在主 html 文件本身中添加了模板(我需要的所有空 div，稍后我将填充)

2. 接下来我给它一个 hidden css 样式给包含所有 div 的父级。

3. 然后我添加了一个逻辑，它会告诉浏览器点击了哪个链接，然后它会使用 ajax 适本地填充模板中的 div

4. 然后它会在使用 jQuery 时慢慢消失

但这不是您执行此操作的唯一方法。有大量插件可以帮助您创建模态框。但我选择了这条路线，因为我希望它完全定制。

希望对您有所帮助。