You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.02 07:39:57