fslightbox.js中exitFullscreenOnClose属性设置无效问题求助

核心问题：代码执行时机不对 #

你之前的设置没生效，大概率是因为代码执行时fslightbox还没完成初始化。按以下步骤操作即可解决：

1. 确保脚本加载顺序正确
   先加载fslightbox的脚本，再执行你的自定义代码，保证fslightbox对象已存在：

   <script src="你的fslightbox.js文件路径"></script>
   <!-- 自定义代码写在这里 -->
   

2. 用DOMContentLoaded事件包裹设置代码
   这个事件会在页面所有元素加载完成后触发，彻底避免初始化顺序问题：

   document.addEventListener('DOMContentLoaded', function() {
     fsLightbox.props.exitFullscreenOnClose = true;
     refreshFsLightbox();
   });
   

3. 备选方案：放在页面最底部
   如果上面的方法还是不行，直接把代码放在</body>标签前一行，确保所有资源都加载完毕：

   <body>
     <!-- 你的页面内容 -->
   
     <script src="你的fslightbox.js文件路径"></script>
     <script>
       fsLightbox.props.exitFullscreenOnClose = true;
       refreshFsLightbox();
     </script>
   </body>
   

额外排查点 #

• 按F12打开浏览器控制台，查看Console标签是否有fsLightbox is not defined报错，若有则检查脚本路径是否正确
• 确认你使用的是fslightbox最新版本，旧版本可能不支持exitFullscreenOnClose属性
• 不要直接把代码放在<head>标签内，此时页面未加载完成，fslightbox对象还未初始化

内容的提问来源于stack exchange，提问作者T Davies