2017-04-12 66 views
0

我一直在努力得到一個滑塊在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的。任何有識之士將不勝感激!

+0

沒有辦法讓我們真正複製這個問題。一個問題是你錯過了一個關閉''標籤。滑塊是連續兩次顯示第一張幻燈片還是第二次幻燈片之後?如果交換幻燈片的順序,它是重複的新的第一張幻燈片,還是它仍然是「SLC-Suppy-Guide-2017」幻燈片? – freginold

+1

它顯示幻燈片結束時的第一張幻燈片。所以,如果我有四張幻燈片,它會自動添加與第一張幻燈片相同的第五張幻燈片。它播放第五張幻燈片,之後顯示第一張幻燈片。它總是以第一張幻燈片爲準。 –

+0

請參閱下面的我的回答,並在刪除重複的ID之後告訴我您是否仍然存在相同的問題。 – freginold

回答

0

嘗試糾正這些問題:

  • <div>元素都具有相同的ID;改變它們,所以它們是唯一的(即cms-home-content1cms-home-content2等)
  • 添加結束</section>標籤

問題是否仍然存在?

+0

不幸的是,他們是。我試圖完全刪除DIV,因爲它似乎並不是必需的,它似乎沒有任何作用。結束標籤也沒有改變任何東西。 –

+1

等待等待我把標籤放在了錯誤的地方!把它移到Java上面似乎已經修復了它!我不能相信解決方案很簡單。非常感謝! –