javascript - Jquery Jplayer 动态播放列表

Question

我无法弄清楚如何强制 Jplayer 读取歌曲动态的 asp.net 自由主义列表？

目前我有这个用于从数据库中获取歌曲列表:

<div class="jp-playlist">
<ul><asp:Literal ID="ltRadio" runat="server" /></ul>
</div>

下面的代码来自JPlayer演示如何将硬编码歌曲添加到播放列表:

$(document).ready(function () {

new jPlayerPlaylist({
     jPlayer: "#jquery_jplayer",
     cssSelectorAncestor: "#jp_container_1"
}, [
{
   title: "Cro Magnon Man",
   mp3: "http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3",
   oga: "http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg"
}
], {
     swfPath: "js",
     supplied: "oga, mp3",
     wmode: "window"
});
}); 

问题是如何将“Literal”列表中的歌曲添加到播放列表中？

Answer 1

终于解决问题了。我正在将 JSon 转换为不需要的字符串。

相反，我循环遍历 Json 对象数组并将其添加到播放列表中。

/*Create an empty JSon array*/ 
var jsonobj = [];

/*Loop through a given list and push it into a JSon array*/
jQuery('ul.RadioList li a').each(function (index) {
       var mp3 = jsonobj.push({ 'mp3': jQuery(this).attr('href') });
       var title = [];
       title.push(jQuery(this).text());
       jsonobj[mp3 - 1]['title'] = title;
});

var cssSelector = {
       jPlayer: "#jquery_jplayer",
       cssSelectorAncestor: "#jp_container_1"
};
/*An Empty Playlist*/
var playlist = []; 
   var options = {
       swfPath: "./js",
       supplied: "mp3"
};
var myPlaylist = new jPlayerPlaylist(cssSelector, playlist, options);
/*Loop through the JSon array and add it to the playlist*/ 
for (i = 0; i < jsonobj.length; i++) {
      myPlaylist.add(jsonobj[i]);
}