滑块重复幻灯片 - 我该如何解决？

Question

我一直在努力让滑块在 Netsuite 中工作，但无济于事。我尝试使用不同的方法构建新滑块至少 4 次，但均未成功。当我使用测试器时一切正常，但是当我将它们放在 Netsuite 上时，某些东西 总是会出错。所以，我已经回到原来的代码，我无法弄清楚为什么滑块会重复第一张幻灯片。滑块将正常进行，然后添加一张与第一张幻灯片相同的幻灯片。我的目标是让滑块以相同的方式工作，但不重复第一张幻灯片。

    <section class="home-slider" data-cms-area="home_content_slider" data-cms-area-filters="path" data-slider-big>


<div id="cms-home-content" class="cms-home-content">
<a href="/SLC-Suppy-Guide-2017">
<img src="/assets/SLC_2017_SupplyGuide_Banner.jpg" alt=""/>
</a>
</div>

<div id="cms-home-content" class="cms-home-content">
<a href="/Leather/Exotics">
<img src="/assets/SLC_VegTan_Kangaroo_Banner.jpg" alt=""/>
</a>
</div>

<div id="cms-home-content" class="cms-home-content">
<a href="/Leather/Furs">
<img src="/assets/SLC_Foxtail_Banner.jpg" alt=""/>
</a>
</div>

<div id="cms-home-content" class="cms-home-content">
<a href="/Leather/Chap-Bag-Upholstery">
<img src="/assets/SLC_PLUME_banner.jpg" alt=""/>
</a>
</div>


<div id="cms-home-content" class="cms-home-content">
<a href="/Field-Drab-Oil-Tan">
<img src="/assets/SLC_FieldDrab_OilTan_banner.jpg" alt=""/>
</a>
</div>

<script type="text/javascript">
    jQuery('.home-slider').bxSlider({
    nextText: '<a class="home-gallery-next-icon"></a>'
    , prevText: '<a class="home-gallery-prev-icon"></a>'
    , slideMargin: 0
    , auto: true
    , pause: 5000
    , useCSS: true
    , slideWidth: '1170'
    , maxSlides:1
    });

</script>

我不确定您是否能够在没有 Netsuite 的情况下重现该问题。任何见解将不胜感激！

Answer 1

尝试纠正这些问题：

您的 <div> 个元素都具有相同的 ID；更改它们，使它们独一无二（即 cms-home-content1、cms-home-content2 等）
添加结束 </section> 标签

问题是否仍然存在？

滑块重复幻灯片 - 我该如何解决？

Slider is repeating slides - how do I fix it?

html

javascript

slider

netsuite