当数据来自移动设备中的ajax请求时,owl-carousel无效

时间:2017-11-25 06:57:50

标签: jquery ajax shopify

我在移动设备上的shopify商店使用了猫头鹰旋转木马。猫头鹰Carousel的数据来自我的私人应用程序使用ajax请求。我的猫头鹰旋转木马未加载,数据在移动设备上列为列表,并面临此错误:

enter image description here

这是我使用的代码: -

function owl_slider(){
          var owl = $('#shoppinglistDetailMobile .owl-carousel');
          owl.owlCarousel({
            margin: 30,
            loop: true,
            navigation : true,
            autoplay:false,
            autoplayTimeout:3000,
            autoplayHoverPause:true,
            responsive: {
              0: {
                items: 2
              },
              400: {
                items: 2
              },
              600: {
                items: 3
              },
              800: {
                items: 3
              },
              1200: {
                items: 4
              },
              1300: {
                items: 4
              },
              1350: {
                items: 6
              },
              1400: {
                items: 6
              },
              1600: {
                items: 6
              }
            }
          });
		}
    
    
  $('#shoppinglistDetailMobile .owl-carousel').html(htmlDataMobile);

               		owl_slider();

这个owl_slider函数是在我的ajax请求成功并且我的数据嵌入div时调用的。

请帮我解决这个问题。在此先感谢。

0 个答案:

没有答案