jquery - 带有全屏选项的 Jquery 模态/对话框

Question

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

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

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

干杯

伊夫

score 2 · Accepted Answer

Thickbox 应该支持你尝试做的开箱即用的事情。请参阅此论坛主题，其中他们讨论了初始化 TB 的大小：

TB_height = $(window).height();

或者指定一个resize事件处理程序window来更新已经显示的 TB。

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

score 1 · Accepted Answer

1

于 2011-11-08T00:58:16.803 回答

score 1 · Accepted Answer

而不是 window.height，您应该使用屏幕属性来全屏。

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

score 0 · Accepted Answer

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

第 432 行

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

第 439 行

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

4 回答 4