我想知道,如果有一种方法可以在没有任何其他插件的情况下使用jquery制作模态弹出窗口,只需jquery库本身吗?
答案 0 :(得分:2)
如果您不想使用插件,则需要自己编写代码。开箱即用的jQuery中没有“show modal”功能/功能。
答案 1 :(得分:2)
这似乎就是你要找的东西(好吧,这个代码非常少,并且不使用jquery)
答案 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可以为您完成此任务。您只需要在屏幕中央显示一个div,即可模糊其他所有内容。
显示和隐藏div。
这是代码。