javascript - 寻找选择 jquery lightbox 插件的指南

标签 javascript jquery jquery-ui jquery-plugins

<分区>

我要求打开带有 url 的弹出窗口是 jsp 页面,我将在其中具有搜索功能的逻辑,并且在搜索结果之后,如果选择其中一个结果,结果值必须到达父窗口。

我看过一些 jquery lightbox 插件,但对选择插件感到困惑。你能告诉我哪个插件适合我吗。

感谢提前。

最佳答案

如果“窗口”需要通信(即,您需要使用 javascript 来操作子对话框的内容),那么您很可能想要使用灯箱,而不是单独的“弹出”窗口——这是实际上只是一个新的浏览器窗口。让两个独立的浏览器窗口(父窗口和弹出窗口)进行通信要困难得多。

对于灯箱,它通常只是一个浏览器窗口,带有一大块隐藏的 html,显示为“覆盖”或“模态”或“对话框”。或者,可以通过 ajax 按需(例如,当用户单击链接打开灯箱时)从单独的 html 文档中检索 html block 。大多数优秀的灯箱插件都具有此功能。

灯箱插件太多了,不知道该选哪个。您要确保选择一个正在积极开发的产品,以便以后可以轻松升级。浏览器和设备瞬息万变,您希望确保您的插件与时俱进。

Fancybox、Light Box 2 和 Colorbox 最近很流行。

如果您担心响应式设计,请查看 Magnific 或 Flare 或 JackBox。

JQuery Tools 有一个高质量的灯箱。

如果您需要能够自定义窗口并围绕窗口的显示方式和时间开发更复杂的逻辑,jQueryUI 对话框非常可靠。与其他插件相比,它的装饰更少,学习曲线可能更高,但它比大多数选项更灵活和可配置。

关于javascript - 寻找选择 jquery lightbox 插件的指南,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17003765/

相关文章:

javascript - 如何在 JavaScript 中干净地构造多个异步调用?

javascript - React 播放器缩略图

javascript - 使用 fs.open 和 fs.write 专门写入一个文件

jQuery-UI 可选择输出数组到隐藏形式

c# - 单击 jQuery 选项卡时如何触发 c# 程序?

javascript - 将表单变量传递到 onsubmit 字段?

jQuery 追加在 Internet Explorer 8 中不起作用

javascript - 无法在 JSFIDDLE 中使用滚动魔法(第 1 部分,共 2 部分)

jquery - 用于缩小导航栏的 scrollTop() if/else switchClass() 动画

jquery - 我如何使用 Jquery CSS HTML 执行此滚动技巧