我有一个非常简单的要求。我有两个div。带有Link和Div2的Div1包含一些文本。
点击Div1中的链接，我想将Div2显示为带有灰色背景和关闭按钮的简单模态弹出窗口。
现在可以在不使用任何外部插件的情况下这样做。
如果没有，那我在jqueryui上检查了一个插件。但是在这个例子中引用了很多jquery和css文件，我不知道该拿什么以及要离开什么。
答案 0 :(得分：5)
没有插件肯定是可能的，但这可能会成为严重的管道
我自己在纯JavaScript中使用了'自制'模态窗口实现。
相信我 - 这不是一个好主意。即使使用jQuery（也不要与jQuery UI混淆）。
我会向你推荐Eric 'SimpleModal' plugin（他也在StackOverflow上，并且至少试图回答与他的产品相关的每个问题）。
我喜欢它的API，它就像一个魅力。
答案 1 :(得分：4)
首先，感谢SimpleModal推荐@Arnis L.
其次，存在如此多的模态/灯箱插件的原因。要创建跨浏览器兼容的东西，需要考虑很多因素。因此，无需任何外部插件即可完成您想要的操作，但要做到这一点，需要花费大量代码。
所以，你请求帮助来创建一个简单的模态...为什么不尝试使用SimpleModal;）
您可以下载任何示例来帮助您入门。您需要做的就是将SimpleModal .js文件包含在您的页面中并添加几个样式，它已准备就绪。
答案 2 :(得分：1)
Here's a tutorial关于如何做这样的事情。
答案 3 :(得分：1)
不，jQuery中没有内置的模态窗口功能。你可以juse jQuery滚动自己的模态窗口，但在这种情况下你可能不会问这个问题。只需获得第三方插件。
答案 4 :(得分：0)
你可以在没有任何插件的情况下完成它，但你可能想要避免的棘手部分是模块化。
如果您希望对话框在单击并拖动时移动，则必须根据鼠标位置设置该div的位置，这可能会非常快速生涩。因此jqueryui选项。
我同意，CSS足以让你有时想要窒息。
哦，就这么说了，你可以得到一个完美的灰色方框，其中有一个按钮可以变形以适应任何浏览器的用户界面：alert()