スライダがスライドを繰り返しています - どうすれば修正できますか？

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-content2、すなわちcms-home-content1）一意であるので、問題が解決しない

終了</section>のタグを追加

それらを変更？