使用触发器（'resize'）退出时面板全屏失败答案

【问题标题】：Panel fullscreen fails on exit using trigger('resize')使用触发器（'resize'）退出时面板全屏失败
【发布时间】：2019-11-22 12:41:47
【问题描述】：

我有一个自动进入全屏的弹出窗口。

我还有一个退出全屏的按钮和一个退出（关闭）的按钮，如果窗口是全屏的，退出按钮可以正常工作，但如果不是全屏，则退出按钮会影响整个页面。

我该如何解决这个问题？

代码：

`$(document).ready(function () {
        var count = 1 ;
        $(".dr" + count).parents('.panel').toggleClass('fullscreen');
        $(window).trigger('resize');
    });
    document.getElementById("detalhes" + count).outerHTML = '';
}`

编辑： PHP 从代码中删除。

【问题讨论】：

不要混用 PHP 和 JS。
@AksenP，完成，这是一个测试，抱歉

标签： javascript jquery html resize

【解决方案1】：

确认是否全屏：

var count = 1 ;
	if ($(".dr" + count).parents('.panel').hasClass('fullscreen')) {
		//its in fullscream so trigger fullscreen again then remove

    	$(document).ready(function () {
			$(".dr" + count).parents('.panel').toggleClass('fullscreen');
			$(window).trigger('resize');
		});
		document.getElementById("detalhes" + count).outerHTML = '';
	  }else{´
		//isn't in fullscreen so just remove
		document.getElementById("detalhes" + count).outerHTML = '';
		
	  }

【讨论】：