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块的所有步骤，则所有步骤都不成立。

Web浏览器是当前的谷歌浏览器。

我也尝试过：

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

无济于事。

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

Answer 1