猫头鹰轮播未在wordpress主题上显示

时间:2019-02-24 10:33:15

标签: wordpress owl-carousel

我在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>

我正在使用猫头鹰旋转木马,但这在我的主题中没有显示

1 个答案:

答案 0 :(得分:0)

我知道了,只需在主要div之外使用此查询