Question

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

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

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

    $('#theplayer').ttwMusicPlayer(myPlaylist1, {
        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
        }
    });

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

    $('#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
        }
    });

有了这个，我希望显示播放列表2而不是播放列表1？

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

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'
         }  


];

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

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

Answer 1

使用名为＆＃34; pl_changer＆＃34;

的ID创建一个链接

以下内容应该按照您的要求进行：

<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>

点击与jquery的链接时更改div内容？

1 个答案: