带有全屏选项的 Jquery 模态/对话框答案

【问题标题】：Jquery Modal/Dialog with Fullscreen option带有全屏选项的 Jquery 模态/对话框
【发布时间】：2012-04-06 01:35:24
【问题描述】：

我希望为我的网站使用 Jquery 模式/对话框插件来查看内容。

我目前使用的是Thickbox，它运行良好，但它没有全屏选项，当我说全屏时，我的意思是填满整个浏览器窗口。

有没有人知道可以扩展全屏的好模式/对话框插件？

干杯

伊夫

【问题讨论】：

【解决方案1】：

Thickbox 应该支持您开箱即用的尝试。请参阅此forum thread，其中他们讨论了初始化 TB 的大小：

TB_height = $(window).height();

或者将resize 事件处理程序指定给window 以更新已显示的TB。

如果您正在寻找替代插件，我建议您查看 BlockUI，因为其覆盖的 CSS 很容易配置，并且您应该能够使用 100% 完成全尺寸对话框对于height 和width 属性。

【讨论】：

【解决方案2】：

【讨论】：

【解决方案3】：

您应该使用屏幕属性而不是 window.height 来进行全屏显示。

TB_height = screen.height;
TB_width = screen.width;

【讨论】：

【解决方案4】：

这个插件fancybox 有一个简单的代码。您可以在事件窗口中搜索调整大小和滚动。应该修改高度和宽度选项以填充窗口。它有一个通过这种方式修复的错误，您可以在 FancyBox 中修改这些行：

第 432 行

$(window).unbind("resize scroll", $.fn.fancybox.scrollBox);

第 439 行

$(window).unbind("resize scroll", $.fn.fancybox.scrollBox);

【讨论】：