Фиксация серого цвета .owl-carousel div

Question

Я звоню, чтобы получить страницу (getresult.php) через AJAX.

Идентификатор DIV в моем индексе:

<div id="pagination"> 
    <input type="hidden" name="rowcount" id="rowcount" /> 
</div> 

Мой сноска:

<script> 
    getresult("getresult.php"); 
</script> 

Сценарий для вызова GetResult в сноске:

<script> 
    function getresult(url) { 
    $.ajax({ 
     url: url, 
     type: "GET", 
     data: { 
     rowcount: $("#rowcount").val() 
     }, 
     success: function(data) { 
     $("#pagination").html(data); 
     }, 
     error: function() {} 
    }); 
    } 
</script> 

Теперь это моя страница GetResult :

<div class="blog-posts"> 
    <article class="post post-medium"> 
    <div class="row"> 
     <div class="col-md-5"> 
     <div class="post-image"> 
      <div class="owl-carousel" data-plugin-options='{"items":1}'> 
      <div> 
       <div class="img-thumbnail"> 
       <img class="img-responsive" src="./img/blog/blog-image-2.jpg" alt=""> 
       </div> 
      </div> 
      <div> 
       <div class="img-thumbnail"> 
       <img class="img-responsive" src="./img/blog/blog-image-1.jpg" alt=""> 
       </div> 
      </div> 
      </div> 
     </div> 
     </div> 
     <div class="col-md-7"> 
     <div class="post-content"> 
      <h2><a href="blog-post.html">Class aptent taciti sociosqu ad litora torquent</a></h2> 
      <p>Euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nunc dui, tristique in semper vel, congue sed ligula. Nam dolor ligula, faucibus id sodales in, auctor fringilla libero. Pellentesque pellentesque tempor tellus eget hendrerit. Morbi id aliquam ligula. Aliquam id dui sem. Proin rhoncus consequat nisl, eu ornare mauris tincidunt vitae. [...]</p> 
     </div> 
     </div> 
    </div> 
    </article> 
</div> 

Моя проблема в классе каруселей не работает. Когда я удаляю класс owl-carousel, я вижу рис. У меня есть CSS и сова-карусель JS в моем index.php. Когда я вижу HTML в Firebug, я вижу строку <div class="owl-carousel" data-plugin-options='{"items":1}'> greyed out.

Answer 1

Окончательный я нашел его.

Я забыл поставить это в моем getresult.php

<script> 
    $(document).ready(function() { 

     $(".owl-carousel").owlCarousel({ 

      navigation : false, // Show next and prev buttons 
      slideSpeed : 300, 
      paginationSpeed : 400, 
      singleItem:true 

      // "singleItem:true" is a shortcut for: 
      // items : 1, 
      // itemsDesktop : false, 
      // itemsDesktopSmall : false, 
      // itemsTablet: false, 
      // itemsMobile : false 

     }); 

    }); 

    </script>