WordPress的猫头鹰轮播不显示自定义帖子类型

Question

尝试创建一个Owl Carousel (in Wordpress)的用户评价。通过Wordpress仪表板中的自定义帖子类型添加推荐。已经有内容可供我使用和测试。

Owl Carousel已在我的自定义script.js文件中注册，循环似乎正常工作。我的问题是，循环似乎正确地提取了自定义帖子类型，并且在浏览器中触发了猫头鹰轮播。

但是，当我在浏览器中查看轮播时，没有任何内容出现。查看源代码会显示内容，但似乎不会在浏览器中显示。我是否缺少一些显而易见的东西？请帮忙！

screen shot snippet when inspecting from browser

$("#footer-testimonials").owlCarousel({
        center: true,
        singleItem:true,
        loop:true,
        margin:10,
        autoplay: true,
        nav:true
    });

<div id="footer-testimonials" class="owl-carousel owl-theme">
        <?php while ( $testimonials->have_posts() ) : $testimonials->the_post();  ?>
          <?php 
            $content = get_the_content(); 
            if (strlen($content) > 200) {
              $summary = substr($content, 0, strrpos(substr($content, 0, 200), ' ')). '...';;
            } else{
              $summary = $content;
            }
          ?>

        <?php $link = get_permalink($testimonials->post->ID);?>
          <div class="item">
            <li class="" style="list-style-type: none;">
            <div itemprop="review" itemscope itemtype="http://schema.org/Review">
            <div class="testimonial-text">
              <a href="<?php echo $link ?>"><span itemprop="reviewBody"><?php echo $summary; ?> </span></a> 
             </div>
              <div class="slide-content">
                  <a itemprop="url" href="<?php echo $link ?>"><h3 class="testimonial-name text-center"><span itemprop="name"><?php the_title(); ?></span></h3></a>
              </div>
              </div>
              </li>
          </div>
        <?php endwhile; ?>
    </div>