Javascript jQuery idangerous swipper插件：选择器出错？

我想启用触摸设备的刷卡器来更改我的图库中的图片：

库标记如下所示：

<div class="gallery">
    <a href="http://localhost:8104/files/pic-spa-01.jpg" data-rel="gallery-1" style="background-image: url('http://localhost:8104/files/pic-spa-01-750x750.jpg')"></a>
    <a href="http://localhost:8104/files/pic-spa-02.jpg" data-rel="gallery-1" style="background-image: url('http://localhost:8104/files/pic-spa-02-750x750.jpg')"></a>
</div>

if ( Modrnizer.touch ) {
            $.getScript(base_url + "/js/idangerous.swiper-2.1.min.js?p1", function () {

                //Main Swiper
                swiper = new Swiper('.gallery', {
                    onSlideChangeStart: function(){

                    }
                });

            })
}

但我得到了这个错误：

未捕获的TypeError:无法读取未定义的属性“childNodes”

由于有多个

.gallery

实例，我尝试了：

$.getScript(base_url + "js/idangerous.swiper-2.1.min.js?p1", function () {
    //Main Swiper
    swiper = new Swiper('.gallery:eq(0)', {
        onSlideChangeStart: function(){

        }
    });
})

但是错误变成了：

Uncaught TypeError: Cannot read property 'childNodes' of undefined VM1007:47

有人知道我做错了什么吗

在这把小提琴中，我甚至犯了一个不同的错误

---

您需要保留所需的Swiper HTML结构：

<div class="swiper-container gallery">
  <div class="swiper-wrapper">
    <div class="swiper-slide"><a href="http://localhost:8104/files/pic-spa-01.jpg" data-rel="gallery-1" style="background-image: url('http://localhost:8104/files/pic-spa-01-750x750.jpg')"></a></div>
    ...
  </div>
</div>

...

如果您没有访问HTML的权限，请在Swiper init之前通过脚本进行转换，例如：

$('.gallery').addClass('swiper-container');
$('.gallery').wrapInner('<div class="swiper-wrapper"></div>');
$('.gallery a').wrap('<div class="swiper-slide"></div>');

$（'.gallery'）.addClass（'swiper-container'）；
$（'.gallery'）.wrapInner（''）；
$（'.gallery a'）。包装（''）；

谢谢。。。真倒霉我没有访问

html

代码的权限。。。没有解决办法？谢谢