WordPress Elementor中Lightbox2仅登录生效,合并画廊功能异常求助
问题:Elementor双图片画廊合并在未登录状态下失效
我在WordPress的Elementor编辑器中创建了2个图片画廊,希望将它们合并为一个统一的Lightbox画廊。目前使用Lightbox2相关代码实现,登录WordPress后台时功能正常,两个画廊能合并成一个;但退出登录后代码完全失效,Elementor原生Lightbox会接管,无法完成画廊合并。
使用的代码如下:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script> <script> const galleryLinks = Array.from(document.querySelectorAll('.elementor-image-gallery a[data-elementor-open-lightbox="yes"]')); galleryLinks.forEach(link => { console.log(link.href); link.setAttribute('data-lightbox', 'gallery'); // 为Lightbox画廊添加统一标识属性 }); lightbox.option({ 'resizeDuration': 200, 'wrapAround': true, 'showImageNumberLabel': false }); </script>
状态说明:
- 登录状态:两个画廊成功合并为一个Lightbox2画廊,可连续浏览所有图片
- 未登录状态:Elementor原生Lightbox启动,两个画廊各自独立,无法跨画廊浏览
我已经尝试多种方法仍无法解决,恳请提供可行的解决方案。
内容的提问来源于stack exchange,提问作者ondraman
相关产品推荐
相关产品推荐

