Jquery 创建一个简单的模式弹出窗口

我有一个非常简单的要求。我有两个div.Div1和一个链接，Div2包含一些文本

单击Div1中的链接，我想将Div2显示为一个带有灰色背景和关闭按钮的简单模式弹出窗口

现在，不使用任何外部插件就可以这样做了

---

如果没有，那么我检查了jqueryui上的一个插件。然而，在这个示例中引用了太多jquery和css文件，我不知道该取什么，该留什么。

没有插件当然是可能的，但这可能会成为一个严重的问题。
我自己在纯javascript中使用了“自制”模式windows实现。
相信我，这不是个好主意。即使使用jQuery（不要与jQueryUI混淆）

我推荐Eric Martin为您推荐（他也在StackOverflow上，至少尝试过回答与他的产品相关的所有问题）。

---

我喜欢它的API，它工作起来很有魅力。

关于如何做类似的事情。

不，jQuery中没有内置的模式窗口功能。您可以使用jQuery来滚动您自己的模式窗口，但在这种情况下，您可能不会问这个问题。只需要一个第三方插件。

您可以不使用任何插件，但您可能希望避免的棘手部分是模块化

如果您希望对话框在单击和拖动时移动，则必须根据鼠标位置设置该div的位置，这可能会非常快。因此，jqueryui选项

我同意，CSS有时足以让你窒息

---

哦，正如人们所说的，你可以得到一个完美的灰色框，其中有一个按钮可以变形以适应任何浏览器的用户界面：

alert（）

首先，感谢SimpleModel推荐@Arnis L

第二，存在如此多的modal/lightbox插件是有原因的。要创建一个跨浏览器兼容的东西，有很多因素需要考虑。所以，在没有任何外部插件的情况下做你想做的事情是可能的，但是要做到正确，需要大量的代码

因此，您请求帮助创建一个简单的模态……为什么不试试SimpleModel；）

您可以下载任何示例来开始。您需要做的就是将SimpleModal.js文件包含到页面中，并添加一些样式，这样就可以开始了

---

我如何在这里使用此插件-要参考哪些css或jquery文件签出jquery插件时，请始终签出教程。如果这没有帮助-请查看演示页面的页面源代码。通常这是一针见血的。