使用触发器 ('resize') 退出时面板全屏失败

Question

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

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

我该如何解决这个问题？

代码：

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

编辑： PHP 从代码中删除。

Answer 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 = '';
  
   }

使用触发器 ('resize') 退出时面板全屏失败

Panel fullscreen fails on exit using trigger('resize')

html

javascript

jquery

resize