我正在尝试Ajax加载包含放置在owl carousel
内的图像的局部图像。部分加载正确,但是owl carousel
内部的图像没有正确加载。这是我正在执行的操作,但是由于某种原因,猫头鹰轮播无法正常加载。关于如何使它正常工作的任何想法。
$('.owl-carousel').owlCarousel('destroy');
$("#products").html("<%= escape_javascript(render partial: 'pages/products', locals: { products: @products } ) %>");
$('.owl-carousel').owlCarousel({touchDrag: false, mouseDrag: false});
这是猫头鹰轮播的代码:
$(document).ready(function(){
$('.owl-carousel').owlCarousel({
items:1,
nav:true,
dots: false,
navText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"]
});
});