owlCarousel图片轮播插件不执行的原因

1.通过ajax获取数据，并行成对应的div...等样式；
2. 根据owlCarousel参数的定义，调取方法

$('#owl-demo').owlCarousel({
    singleItem:true,  //是否只显示一张 布尔值
    lazyLoad: true,   //延迟加载   布尔值
    navigation: false,  //显示“上一个”、“下一个”
    addClassActive:true, //给可见的项目加入 “active” 类
    autoPlay: 3000,   // 自动播放，可选布尔值或整数，若使用整数，如 3000，表示 3 秒切换一次；若设置为 true，默认 5 秒切换一次
    loop:true
});

 

3. 结果并没有执行这个方法

4. 解决方案及原因：

<div id="owl-demo" class="owl-carousel " >
    <a class="item" id="img1"><img src="img/1-1Z109113T40-L.jpg"></a>
    
    </div>

   for循环遍历的时候  吧a标签直接通过append添加到了页面；；  插件不认可这样，所以没有执行

  只需要把img标签的内容改变 就可以了，，，，其他的标签不需要多余的改变。。

  

这是我遇到的问题 仅供参考！！