Question

我在我的应用程序中使用owl carousel自定义JSON（这里是link）。我需要在一个页面中将此方法用于三个按钮。初始负载工作得非常好。但是在初始加载数据没有改变之后。

我检查过它甚至没有调用customDataSuccess函数。我怎样才能重新初始化这个......？

这是我的代码。

$(document).ready(function() {
 
  $("#owl-demo").owlCarousel({
    jsonPath : 'http://owlgraphic.com/owlcarousel/demos/json/customData.json',
    jsonSuccess : customDataSuccess
  });
 
  function customDataSuccess(data){
    var content = "";
    for(var i in data["items"]){
       
       var img = data["items"][i].img;
       var alt = data["items"][i].alt;
 
       content += "<img src=\"" +img+ "\" alt=\"" +alt+ "\">"
    }
    $("#owl-demo").html(content);
  }
 
});

#owl-demo .item{
  background: #a1def8;
  padding: 30px 0px;
  display: block;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

<link href="http://www.owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.css" rel="stylesheet"/>
<link href="http://www.owlgraphic.com/owlcarousel/owl-carousel/owl.theme.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://www.owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.js"></script>

<a href="javascript:void(0)">1</a>
<a href="javascript:void(0)">2</a>
<a href="javascript:void(0)">3</a>

<div id="owl-demo" class="owl-carousel"></div>

第一次加载正常但在此之后它没有改变猫头鹰轮播项目。我怎样才能重新初始化猫头鹰旋转木马..？

如何重新启动猫头鹰旋转木马定制json

0 个答案: