我需要打开带有 url 的弹出窗口是 jsp 页面,在那里我将有搜索功能的逻辑,并且在搜索结果之后,如果选择其中一个结果,结果值必须来到父窗口。
我看过一些 jquery 灯箱插件,但是在选择插件时感到困惑。你能告诉我哪个插件适合我。
感谢提前。
我需要打开带有 url 的弹出窗口是 jsp 页面,在那里我将有搜索功能的逻辑,并且在搜索结果之后,如果选择其中一个结果,结果值必须来到父窗口。
我看过一些 jquery 灯箱插件,但是在选择插件时感到困惑。你能告诉我哪个插件适合我。
感谢提前。
如果“窗口”需要通信(即,您需要使用 javascript 来操作子对话框的内容),那么您很可能想要使用灯箱,而不是单独的“弹出”窗口——这实际上只是一个新的浏览器窗口。让两个单独的浏览器窗口(父窗口和弹出窗口)进行通信要困难得多。
使用灯箱,它通常只是一个浏览器窗口,其中包含一大块隐藏的 html,显示为“覆盖”或“模态”或“对话框”。或者,可以通过 ajax 按需(例如,当用户单击链接以打开灯箱时)从单独的 html 文档中检索 html 块。大多数好的灯箱插件都会有这个功能。
灯箱插件太多了,很难知道该选择哪一个。您希望确保使用正在积极开发的版本,以便以后可以轻松升级。浏览器和设备正在迅速变化,您希望确保您的插件与时俱进。
Fancybox、Light Box 2 和 Colorbox 如今非常流行。
如果您关心响应式设计,请查看 Magnific 或 Flare 或 JackBox。
JQuery Tools 有一个高质量的灯箱。
如果您需要能够自定义窗口并围绕它的显示方式和时间开发更复杂的逻辑,jQueryUI Dialog 是坚如磐石的。与其他插件相比,它的装饰更少,学习曲线可能更高,但它比大多数选项更灵活和可配置。
我会推荐你 http://dimsemenov.com/plugins/magnific-popup/ :) 非常好的和可定制的免费插件。反应灵敏,重量轻,给你很大的力量。对于通信窗口/iframe(假设您的 iFrame 来自同一个网站),您需要使用 window.postMessage(https://developer.mozilla.org/en-US/docs/Web/API/window.postMessage?redirectlocale= en-US&redirectslug=DOM%2Fwindow.postMessage )