【发布时间】：2017-04-12 19:07:36
【问题描述】：
我一直在努力让滑块在 Netsuite 中工作，但无济于事。我已经尝试使用不同的方法构建新的滑块至少 4 次，但没有成功。当我使用测试器时一切正常，但当我将它们放在 Netsuite 上时，something 总是会出错。所以，我回到了原始代码，我一辈子都无法弄清楚为什么滑块会重复第一张幻灯片。滑块将正常运行，然后添加与第一张幻灯片相同的幻灯片。 我的目标是让滑块以相同的方式工作，但不重复第一张幻灯片。
<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 的情况下重现该问题。任何见解将不胜感激！
【问题讨论】：
-
我们没有办法真正复制这个问题。一个问题是您缺少结束
</section>标记。滑块是连续两次显示第一张幻灯片，还是在其他幻灯片之后第二次显示？如果交换幻灯片的顺序，是新的第一张幻灯片被重复，还是仍然是SLC-Suppy-Guide-2017幻灯片？ -
它在幻灯片结束时显示第一张幻灯片。因此，如果我有四张幻灯片，它会自动添加与第一张幻灯片相同的第五张幻灯片。它播放第五张幻灯片，然后播放第一张幻灯片。总是先放哪张幻灯片。
-
在下面查看我的回答，如果您在删除重复的 ID 后仍然遇到同样的问题，请告诉我。
标签： javascript html slider netsuite