Javascript 带有querySelectorAll的lightgallery.js

我尝试在几个类中使用querySelectorAll运行脚本（纯JS版本），但没有效果

这是我正在使用的代码：

var lg = document.querySelectorAll( '.gallery-1, .gallery-2, .gallery-3');
for ( var i = 0; i < lg.length; i++ ) {
    lightGallery( lg[i], {
        selector: '.gallery-item > a:has(img)',
        mode: 'lg-fade',
        preload: 2,
        counter: false,
        download: false
    });
}

var lg=document.queryselectoral（'.gallery-1、.gallery-2、.gallery-3'）；
对于（变量i=0；ia:has（img）'，
模式：“lg淡入”，
预载：2，
柜台：错，
下载：false
});
}

---

控制台中出现“lightGallery未正确启动”错误。以前，我使用的是jQuery版本的lightgallery脚本，在使用

$（'.gallery-1、.gallery-2、.gallery-3'）.lightgallery（）时没有任何问题。lightgallery（）的罪魁祸首是脚本中
选择器
选项中使用的
：has（）
<代码>：has（）
是jQuery扩展，不是CSS规范的一部分，因此不能在纯JS脚本中使用

更新：

这是我现在使用的代码：

var lg = document.querySelectorAll( '.gallery-1, .gallery-2, .gallery-3');
for ( var i = 0; i < lg.length; i++ ) {
    lightGallery( lg[i], {
        selector: '.gallery-item > a[href$=".jpg"], .gallery-item > a[href$=".jpeg"], .gallery-item > a[href$=".png"], .gallery-item > a[href$=".gif"]',
        mode: 'lg-fade',
        preload: 2,
        counter: false,
        download: false
    });
}

var lg=document.queryselectoral（'.gallery-1、.gallery-2、.gallery-3'）；
对于（变量i=0；ia[href$=”.jpg“]，.gallery项目>a[href$=”.jpeg“]，.gallery项目>a[href$=”.png“]，.gallery项目>a[href$=”.gif“]，
模式：“lg淡入”，
预载：2，
柜台：错，
下载：false
});
}
那么，解决问题的代码是什么？如果您解决了问题，最好在答案中发布相关代码。这样，其他人可能会觉得有用：）