當我點擊下一個或上一個鏈接時，JQuery傳送帶閃爍

-1

我正在創建一個傳送帶以顯示自定義文章類型。循環工作正常，我設法按照我想要的方式獲得佈局。但是，當用戶點擊下一個/ prev鏈接時，轉換後轉盤閃爍，然後再次彈出。當我點擊下一個或上一個鏈接時，JQuery傳送帶閃爍

這裏是鏈接了現場演示：https://goace.vc/teste-exits/

轉盤代碼：

 <div id="exits" class="carousel" data-ride="carousel"> 
      <div class="carousel-inner" role="listbox"> 

       <?php 
       $current = 0; 

       if($exits->have_posts()): while($exits->have_posts()) : $exits->the_post(); 

       if ($current == 0) { 
        $exitStatus = 'active'; 
       } else { 
        $exitStatus = ''; 
       } 
       ?> 

       <?php if ($current % 2 === 0) { ?> 
        <div class="item <?=$exitStatus?>"> 
       <?php } ?> 


       <div class="col-sm-6"> 
        <div class="exit-box"> 
         <div class="col-xs-7"> 
         <div class="exit-img" style="background-image: url('https://goace.vc/wp-content/uploads/2017/04/0028_Fundacity.png')"></div> 
         </div> 
         <div class="col-xs-5 exit-details"> 
         <h3><?= get_the_title(); ?></h3> 
         <hr> 
         <p><?= the_excerpt(); ?></p> 
         <hr class="half-line"> 
         <?php 
          $tipoExit = wp_get_post_terms(get_the_ID(), 'tipo_exit', array("fields" => "names")); 
          $anoExit = wp_get_post_terms(get_the_ID(), 'ano_do_exit', array("fields" => "names")); 
         ?> 
         <p><small>Exit: <b><?= $tipoExit[0] ?></b><br>Ano: <b><?= $anoExit[0] ?></b></small></p> 
         </div> 
        </div> 
        </div> 

        <?php 
        $current++; 
        if ($current % 2 === 0) { 
        ?> 
        </div> 
        <?php } ?> 

       <?php endwhile; endif; ?> 

       </div> 
       <a data-slide="prev" href="#exits" class="left carousel-control">‹</a> 
       <a data-slide="next" href="#exits" class="right carousel-control">›</a> 
       </div>

是什麼原因造成這樣的任何想法？

非常感謝！

來源

2017-08-23 Ronaldo Scotti

顯示所有與'in_progress'類相關的代碼。 –

理想的代碼是最好的。然而，通過檢查網站，類似slider似乎在滑動時刷新傳送帶，它添加了設置此行爲的in_progress類。

您可以從元素<div id="exits" class="carousel slide" data-ride="carousel">

刪除類slide：

<div id="exits" class="carousel" data-ride="carousel">

這將停止閃爍，但會刪除滑塊效果（圖片仍然會切換，但沒有視覺效果）。如果你分享相關的代碼，我們可以嘗試從那裏解決它。

來源

2017-08-23 22:13:31 Syden

您可以刪除「幻燈片」類...不是「滑塊」。 ;）很棒！ –

停止閃爍......但也消除了運動效果...讓我們看看OP會怎樣想它......（我通過直接輸入'$（「＃exits」）來測試它。removeClass（「slide」） ;'在控制檯中。） –

刪除課程確實奏效，謝謝！我用代碼更新了問題。 –

當我點擊下一個或上一個鏈接時，JQuery傳送帶閃爍

回答

相關問題