Jquery 当刷子容器、包装器和滑道之间有额外的div时，刷子不工作

我正在尝试为我们网站的移动视图实现刷卡功能。 我用的是idangero swiper。 但问题是，当在任何包含类的div之间存在其他类的额外div时——“swiper-container”、“swiper-wrapper”和“swiper-slide”，它就不起作用了。 比如下面的代码

<div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="another-div">
                <div class="swiper-slide">Slide 1</div>
                <div class="swiper-slide">Slide 2</div>
                <div class="swiper-slide">Slide 3</div>
                <div class="swiper-slide">Slide 4</div>
                <div class="swiper-slide">Slide 5</div>
                <div class="swiper-slide">Slide 6</div>
                <div class="swiper-slide">Slide 7</div>
                <div class="swiper-slide">Slide 8</div>
                <div class="swiper-slide">Slide 9</div>
                <div class="swiper-slide">Slide 10</div>
            </div>
        </div>
    </div>

幻灯片1
幻灯片2
幻灯片3
幻灯片4
幻灯片5
幻灯片6
幻灯片7
幻灯片8
幻灯片9
幻灯片10

我们使用AEM编写web组件，AEM编写组件添加了额外的div。所以不能删除这些

---

非常感谢您对额外div的帮助。

我从两个方面获得了成功

1） 将库从swiper.js更改为carousel-swipe.js，这是一个小型jQuery插件，使用引导carousel并使其与移动swipe一起工作

2） 从AEM组件中删除了额外的div。 下面的代码将删除组件创建的额外div，在本例中为class=“parsys”

组件本身也将创建div，您可以在cq:htmlTag的帮助下删除它

下面是您可以找到第二种方法详细信息的链接

---

我从两个不同的方面获得了成功

1） 将库从swiper.js更改为carousel-swipe.js，这是一个小型jQuery插件，使用引导carousel并使其与移动swipe一起工作

2） 从AEM组件中删除了额外的div。 下面的代码将删除组件创建的额外div，在本例中为class=“parsys”

组件本身也将创建div，您可以在cq:htmlTag的帮助下删除它

下面是您可以找到第二种方法详细信息的链接

---

仅从AEM的角度来看。。。您的AEM组件是否添加了额外的

？它添加的是parsys class div应该包含整个组件，而不是幻灯片。组件设计不好。您能更改组件代码吗？它包含整个组件。我的组件是作者可以使用多种类型的计划。这就是为什么他们需要“swiper幻灯片”类，而不是仅仅从AEM的角度来看的“swiper包装器”或“swiper-container”。。。您的AEM组件是否添加了额外的

？它添加的是parsys class div应该包含整个组件，而不是幻灯片。组件设计不好。您能更改组件代码吗？它包含整个组件。我的组件是作者可以使用多种类型的计划。这就是为什么他们需要“swiper幻灯片”类，而不是“swiper包装器”或“swiper容器”

<%@ page import="com.day.cq.wcm.api.components.IncludeOptions" %>
<%
   IncludeOptions opts = IncludeOptions.getOptions(request, true);
   opts.setDecorationTagName("");
 %>