使用Ajax将图像插入Flexslider

Question

我在我的网站上有flexsider，我想将我的链接图像拉入其中以显示动态幻灯片。然而，我当前的设置有效，但有时不显示。我该如何纠正这个问题。我从JSON webservice中提取图像及其链接。我的代码如下：

Ajax //在特色轨道页面上加载列表

$(document).on( "pagebeforeshow", "#pagename", function( e ) {
 //ajax stuff
});

//callback function 
  function pagenamecallback(rtndata) 
 { 
   rtndata;
   var data= $("#featured");
   for(j=0;j<=songs.length -1;j++)
   {
         var a = $("<a href='./page.html' data-transition='fade'><img src='"+ rtndata[j].track_art_url + "' style='width: 300px; height: 300px; margin: auto;' alt='featuredimage'></a>");

    data.append($("<li></li>").append(a));
}

}

JS

$(document).on("pageshow", "#pagename", function( e ) {
$('.flexslider').flexslider({
    randomize: true,
    animation: "slide"
});
});

HTML

 <div class="flexslider">
  <ul class="slides" id="featured">
  </ul>
 </div>