изменить содержимое div при нажатии на ссылку с jquery?

Question

У меня есть jplayer musicplayer с плейлистом, который работает так, как должен, и теперь я хотел бы иметь возможность изменить первый 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' 
     } 


]; 

Или если у вас есть какие-либо другие предложения о том, как изменить плейлисты?

Любой ввод действительно оценен, спасибо!

Answer 1

создать ссылку с идентификатором под названием «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>