是否有可能在没有任何插件的情况下使用jQuery创建模式弹出窗口?

时间:2013-07-15 05:49:02

标签: jquery

我想知道,如果有一种方法可以在没有任何其他插件的情况下使用jquery制作模态弹出窗口,只需jquery库本身吗?

5 个答案:

答案 0 :(得分:2)

如果您不想使用插件,则需要自己编写代码。开箱即用的jQuery中没有“show modal”功能/功能。

答案 1 :(得分:2)

这似乎就是你要找的东西(好吧,这个代码非常少,并且不使用jquery)

Creating a modal window with HTML5 & CSS3

答案 2 :(得分:1)

诸如jQuery UI之类的插件并不神奇 - 它们不使用任何隐藏或受限制的浏览器功能或秘密API - 他们所做的任何事情都可以在您自己的代码中手动完成。
就此而言,jQuery本身也不是 - jQuery所做的任何事情,你可以用直接的javascript来做。

所以是的,使用直接jQuery甚至是直接的javascript创建一个模型弹出窗口肯定是可能的。我甚至建议您花一点时间阅读jQuery UI code来了解他们如何实现模型弹出窗口等内容。

真正的问题是你为什么要从头开始重写它。重新发明轮子的优点很少(如果有的话),还有很多缺点。

例如,jQuery UI开发人员可以将100%的精力集中在解决浏览器兼容性问题上,并使他们的库在尽可能多的平台上运行。浏览器和兼容性问题对我来说是一个小小的烦恼,而且我几乎没有花太多时间专注于它们。因此,我提出的任何解决方案都无法与jQuery或jQuery UI的质量进行比较。这不是我的核心竞争力 - 它是我实际所做的第二次。

答案 3 :(得分:0)

问题是可以在屏幕中间,在其他内容之上显示HTML标记的容器 - 没有拐杖jQuery。

如果你问这个工具在做什么,你就可以开始剥离你的工作方式。

这里的诀窍是如何应用魔术酱,揭示已经风格但最初隐藏的标记。这可能是花哨的CSS:目标内容,或简单的javascript:

单击

,应用添加display:block的类来覆盖.modal display:none。

答案 4 :(得分:0)

CSS

仅CSS可以为您完成此任务。您只需要在屏幕中央显示一个div,即可模糊其他所有内容。

Javascript

显示和隐藏div。

这是代码。

https://metamug.com/article/css-popup-without-lightbox.php