这个快把我逼疯了,我肯定是什么愚蠢的东西,但是我太烫了,找不到它。我正在建立一个自定义的WP主题,其中有2个滑块,一个是默认的引导滑块,另一个是一个猫头鹰滑块。在你告诉我"为什么不使用2个Owl slider实例?"之前,我已经想过了,并且测试过了。然而,我很好奇为什么这不起作用。下面是我的代码:
引导旋转木马:
<section id="panel4">
<div class="container">
<h2>Testimonials</h2>
</div>
<!-- container -->
<div class="container-fluid">
<?php $queryObject=new WP_Query( 'post_type=testimonial' ); // The Loop! if ($queryObject->have_posts()) { ?>
<div id="carousel-testimonial" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<?php while ($queryObject->have_posts()) {$queryObject->the_post(); ?>
<div class="item ">
<div class="container">
<div class="row">
<div class="col-sm-3 col-md-2 thumb-box">
<img class="thumb" src="<?php echo types_render_field( " testimonial-avatar ", array( url => "true ", "width " => "400 ", "height " => "300 ", "proportional " => "true " ) );?>">
</div>
<div class="col-sm-9 col-md-10">
<h3>"<?php echo types_render_field("testimonial-excerpt", array("argument1"=>"value1","argument2"=>"value2","argument2"=>"value2")); ?>"</h3>
<blockquote>
<?php echo types_render_field( "testimonial-text", array( "argument1"=>"value1","argument2"=>"value2","argument2"=>"value2")); ?></blockquote>
<p class="sig">
<?php echo types_render_field( "testimonial-name", array( "argument1"=>"value1","argument2"=>"value2","argument2"=>"value2")); ?></p>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
<?php } ?>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-testimonial" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-testimonial" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- .carousel -->
</div>
<!-- .container -->
</section>
然后是OWL SLIDER
<?php if( have_rows( 'slider_photos') ): ?>
<div class="container-fluid">
<div id="happy" class="owl-carousel">
<?php while( have_rows( 'slider_photos') ): the_row(); // vars $image=g et_sub_field( 'slider_image'); ?>
<div class="item-owl">
<img class="img-responsive" src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt'] ?>" />
</div>
<?php endwhile; ?>
</div>
<!-- .carousel -->
</div>
<?php endif; ?>
现在,问题似乎是在引导。如果我把它取下来,猫头鹰滑块就会起作用。如果我添加2个Owl Slider的实例,它就可以工作了。如果我添加Bootstrap Carousel,只有Bootstrap工作,而Owl什么也不显示(甚至在代码中也没有,就好像它甚至不存在一样)
谁能告诉我发生了什么,如何解决这个问题?
很可能你需要在Owl滑动器的have_rows( 'slider_photos')
之前调用wp_reset_postdata()
,以恢复全局$post
对象,你在Bootstrap carousel循环中覆盖。
have_rows('slider_photos')
依赖于全局$post
对象。
另一个选择是使用have_rows( 'slider_photos', $post_id )
来指定您想要使用的$post_id
。