0

我有一个 jplayer 音乐播放器，它的播放列表可以正常工作，现在我希望能够在单击链接时将第一个 myPlaylist1 更改为 myPlaylist2。

将第一个播放列表 myPlaylist1 加载到 div #theplayer 的函数如下所示。

$(document).ready(function(){
    var description = 'Some description. ';

    $('#theplayer').ttwMusicPlayer(myPlaylist1, {
        autoPlay:false, 
        description:description,
        currencySymbol:'Kr ',
        buyText:'KÖP',
        tracksToShow:50,
        jPlayer:{
            swfPath:'http://www.mypage.com/music_player/jquery-jplayer' //You need to override the default swf path any time the directory structure changes
        }
    });

当我点击一个链接时，我想将上面的内容更改为下面的 myPlaylist2：

    $('#theplayer').ttwMusicPlayer(myPlaylist2, {
        autoPlay:false, 
        description:description,
        currencySymbol:'Kr ',
        buyText:'KÖP',
        tracksToShow:50, 
        jPlayer:{
            swfPath:'http://www.mypage.com/music_player/jquery-jplayer' //You need to override the default swf path any time the directory structure changes
        }
    });

有了这个，我希望将显示 playlist2 而不是 playlist1？

页面加载时加载的播放列表如下所示：

var myPlaylist1 = [
    {
        mp3:'http://www.www.mypage.com/music_player/mix/1.mp3',
        title:'Love The Way You Lie',
        artist:'Eminem',
        buy:'#',
        price:'12',
        cover:'http://www.mypage.com/music_player/images/1.jpg'
     }  
];

当点击链接时，我喜欢将播放列表更改为此。

    var myPlaylist2 = [
        {
            mp3:'http://www.www.mypage.com/music_player/mix/2.mp3',
            title:'Hey you',
            artist:'Madonna',
            buy:'#',
            price:'12',
            cover:'http://www.mypage.com/music_player/images/2.jpg'
         }  


];

或者，如果您对如何更改播放列表有任何其他建议？

任何输入都非常感谢，谢谢！

4

1 回答 1

1

创建一个 ID 为“pl_changer”的链接

并且应该按照您的要求执行以下操作：

<script>

$(document).ready(function(){
  $("#pl_changer").click(function(){
    $('#theplayer').ttwMusicPlayer(myPlaylist2, {
        autoPlay:false, 
        description:description,
        currencySymbol:'Kr ',
        buyText:'K&Ouml;P',
        tracksToShow:50, 
        jPlayer:{
            swfPath:'http://www.mypage.com/music_player/jquery-jplayer' //You need to override the default swf path any time the directory structure changes
        }
    });
  });
});

</script>
于 2012-04-18T08:11:54.140 回答