jquery - DIV 在点击时放大到窗口大小

Question

如何在 jquery 的帮助下通过单击该 div 的新内容或布局将 div 放大到全屏。实际上，我正在制作一个网页中的小 div，并在该 div 上写入一些文本或图像，当我单击该 div 时，它会变大到窗口大小，并提供有关 smalle div 内容的更多详细信息。

Answer 1

如果我理解正确，您已经有办法放大 DIV 以覆盖您的文档，现在您希望它全屏显示。如果是这种情况，请检查html5 全屏 API。请注意，这目前是一个工作草案，因此您需要检查浏览器的兼容性并相应地使用前缀。

只要我们在谈论fullscreen，那么你就走运了，因为已经有一个 JQuery 插件：http: //johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/ [ Demo ]

使用插件，这是相关代码：

window.fullScreenApi.requestFullScreen(fsElement);