我在WordPress主题中插入了一个轮播,但无法在前端显示。
在我的代码下面:
<link rel="stylesheet" href="http://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="http://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.theme.default.min.css">
<script src="http://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>
<div class="owl-carousel">
<?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
<div>
<div class="col-md-4">
<div class="product-border">
<div class="col-md-12" style="height:75%";>
<?php the_post_thumbnail();?>
</div>
<div class="col-md-12 product-title" style="height:25%";>
<div class="col-md-8">
<?php $perma = get_the_permalink(); ?>
<h2><a href="<?php echo $perma; ?>"><?php the_title(); ?></a></h2>
</div>
<div class="col-md-4">
<a href="<?php echo $perma; ?>" style="font-size: 35px;color: #000;background-color: #D7D7D7;padding: 14px;float: right;margin-right: -31px;">
<p>→</p></a>
</div>
</div>
</div>
</div>
</div>
<?php
endwhile;
?>
</div>
<script>
jQuery(document).ready(function(){
jQuery(".owl-carousel").owlCarousel();
});
</script>
我正在使用猫头鹰旋转木马,但这在我的主题中没有显示
答案 0 :(得分:0)
我知道了,只需在主要div
之外使用此查询