jquery - 使用 Ajax 将图像插入 Flexslider

Question

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

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>