jQuery UI 对话框 dialogExtend 最大化；进入浏览器全屏模式并最大化对话框

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 块的所有步骤，它们都不会为真。

网络浏览器是当前的谷歌浏览器。

我也尝试过：

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

无济于事。

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

Answer 1

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