1

現在、bxslider でスライダーを作成しています。現在のスライドにアクティブなクラスを追加する必要があるまで、すべて正常に機能していると思いました。これで問題なく動作しましたが、ソース コードで、スライドが 3 回ではなく 2 回複製されていることに気付きました。スライダーには 3 つのスライドしかありません。displaySlideQty を 3 に、moveSlideQty を 1 に設定しました。

問題は、アクティブなクラスが追加されているが、重複スライドから削除されていないことです。以下は、bxslider の jquery コードです。

    $(document).ready(function(){
  var slider = $('#slider1').bxSlider({
    controls: false,
    displaySlideQty: 3,
    moveSlideQty: 1,

    onBeforeSlide: function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject){
        $('.pager').removeClass('active-slide');   
         $(currentSlideHtmlObject).next().addClass('active-slide');
 //     $('#sddf').html('<p class="check">Slide index ' + currentSlide + ' of ' + totalSlides + ' total slides has completed.');

    }

ここに私のhtmlがあります:

<ul id="slider1" style="overflow:hidden; margin:auto;">
     <li id="slidel" style="width:960px;">
      <?php include('includes/sliders/center.php'); ?>
    </li>

    <li id="slidec" style="width:960px;">
      <?php include('includes/sliders/left.php'); ?>
    </li>
    <li id="slider" style="width:960px;">
      <?php include('includes/sliders/right.php'); ?>
    </div>
  </ul>

ここにfirebugの出力があります：

<ul id="slider1" style="overflow: hidden; margin: auto; width: 999999px; position: relative; left: -960px;">
<li id="slider" style="width: 960px; float: left; list-style: none outside none;">
<li id="slidel" class="pager" style="width: 960px; float: left; list-style: none outside none;">
<li id="slidec" class="pager active-slide" style="width: 960px; float: left; list-style: none outside none;">
<li id="slider" class="pager" style="width: 960px; float: left; list-style: none outside none;">
<li id="slidel" style="width: 960px; float: left; list-style: none outside none;" class="active-slide">
<li id="slidec" style="width: 960px; float: left; list-style: none outside none;">
<li id="slider" style="width: 960px; float: left; list-style: none outside none;">
</ul>

上記の 2 つのアクティブなクラスがあることに注意してください。一番下は変わりません。

ivこれにほぼ1日を費やしましたが、どこにも行きませんでした! どんな助けでも大歓迎です

乾杯、ダン

4

0 に答える 0