jQuery UI对话框扩展最大化;进入浏览器全屏模式并最大化对话框

Question

当用户在jQuery UI对话框中单击"最大化"时，我正试图自动进入浏览器的全屏模式，该对话框使用dialogExtend(为jQuery UI对话提供标准的最大化/最小化功能(进行扩展。

我在beforeMaximize事件中使用以下代码：

"beforeMaximize": function () {
//alert("before");
var elem = this.element;
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) { /* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
}
}.bind(this)

(bind(this(中的"this"指的是jquery UI对话框对象。(

如果我正在调试并逐步完成If..then块的所有步骤，那么它们都不会变为真。

网络浏览器是目前的谷歌chrome浏览器。

我也尝试过：

• var elem=this
• var elem=this.element.parent

无效。

在jQuery对话框中单击"最大化"时，如何将浏览器进入全屏模式？

Answer 1

我自己刚刚找到答案：我必须设置var elem = document.body而不是尝试将elem设置为jQuery对话框。