引导轮播指示器不起作用

Posted

技术标签:

【中文标题】引导轮播指示器不起作用【英文标题】:Bootstrap carasoul Indicator doesnot work 【发布时间】:2018-12-25 02:41:12 【问题描述】:

$data = new WP_Query(array('post_type' => 'myposttype' ,'category' => 1 , 'posts_per_page' => -1,) ); if ( $the_query->have_posts() )

  while ( $the_query->have_posts() ) 
    $data->the_post();

    echo '<li data-target="#id" data-slide-to="8" class="new"></li>';

  
  wp_reset_postdata(); 
  ?>

上面的代码显示轮播指示器等于没有帖子我希望它在 4 之后显示一个指示器请帮助我哪里错了

这不显示结果请帮忙

【问题讨论】:

【参考方案1】:
    <ol class="carousel-indicators">
<?php $the_query   = new WP_Query( array( 'post_type' => 'myposttype' ,'category' => 1 , 'posts_per_page' => -1,) ); 
if ( $the_query->have_posts() ) 
  $j = 0;
  while ( $the_query->have_posts() ) 
    $j++;

    $the_query->the_post();

      ?>
   <li data-target="#myCarousel" data-slide-to=" <?php echo $j ?>" class=" <?php if($j==1) echo 'active'; ?>"></li>';
  <?php
  wp_reset_postdata(); 
  ?>
</ol> 

试试这个

【讨论】:

以上是关于引导轮播指示器不起作用的主要内容,如果未能解决你的问题,请参考以下文章

删除活动课程后,引导轮播不起作用

bootstrap 5 轮播控件不起作用并且指示器不显示

使用 data-interval="false" 防止 twitter 引导轮播自动滑动不起作用

Twitter-Bootstrap 5 轮播指示器和控件不起作用。为啥?

Blazor Webassembly 中的 JavaScript 免费引导轮播

带有 Javascript 功能的引导轮播播放和暂停