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>代码

问题是否仍然存在？

滑块重复幻灯片 - 我该如何修复它？

1 个答案: