0

我正在为 Spotify 申请。有了这个应用程序，我有一个简单的“订阅”功能，它允许我从用户正在收听的当前曲目中添加专辑的播放列表。一切正常。虽然我有这个错误。听完超过一首歌曲后，当我按下订阅按钮时，它会为每首听过的歌曲附加一个播放列表。

例如：我听了专辑的 3 首歌曲，然后按订阅：它将为每首歌曲附加 3 个播放列表。然后：如果我然后听另一张专辑中的歌曲，当按下订阅时，它将为新歌曲和前 3 首歌曲附加一个播放列表。这一直发生，直到我重新加载应用程序。

似乎它会记住加载应用程序后听过的每一首歌。

这是我的代码：

函数订阅（）{

//Cache important information
var playerTrackInfo = player.track;
var track = playerTrackInfo.data;
var albumUri = track.album.uri;
var albumTitle = track.album.name;
var artistFromAlbum = track.album.artist.name;

//Click event on button
$(".subscribe button").on("click", function(playlist){
    console.log("I work!"); //Checks if button click works

    //Creates new playlist "Albumtitle - Artistname"
    var playlist = new models.Playlist(albumTitle+" - "+artistFromAlbum);

    //Fills in playlist with album from current playing track
    models.Album.fromURI(albumUri, function(album){
        $(album.tracks).each(function(i) {
            playlist.add(album.tracks[i]);
        });
    });

    playlist.subscribed = true;

    playlist.observe(models.EVENT.CHANGE, function() {
        console.log("Playlist was subscribed!");
    });
});

}

我需要一种方法来防止这个问题。我尝试了很多不同的方法并无休止地搜索网络，但到目前为止还没有运气。任何帮助或指向正确方向都会很棒！

4

2 回答 2

2

我已经解决了这个问题。

有两件事导致了这个错误。这是解决方案：

  1. 我将所有变量都放在了点击事件中。

  2. 我在代码的其他地方有一个 eventListener ，这也使它成为错误。该事件监听器检测到他们的玩家状态是否发生了变化，如果为真，它将刷新初始化。但是，它显然将变量堆叠在我的 subscribe() 中。在将它从 eventListener 中取出并替换 var 之后，它终于可以正常工作了。

    function subscribe(){

 //Click event on button within div with class 'subscribe'
 $(".subscribe button").on("click", function(playlist){
console.log("I work!"); //Checks if button click works

//Cache important information
var playerTrackInfo = player.track;
var track = playerTrackInfo.data;
var albumUri = track.album.uri;

//Creates new playlist "Albumtitle - Artistname"
var albumTitle = track.album.name;
var artistFromAlbum = track.album.artist.name;
var playlist = new models.Playlist(albumTitle +" - "+ artistFromAlbum);

//Fills in playlist with album from current playing track
models.Album.fromURI(albumUri, function(album){
    $(album.tracks).each(function(i) {
        playlist.add(album.tracks[i]);
    });
});

playlist.subscribed = true;

playlist.observe(models.EVENT.CHANGE, function() {
    console.log("Playlist was subscribed!");
});

    }); }

感谢帮助人们！

于 2012-04-08T21:33:20.037 回答
1

好吧，它每次都会创建一个全新的播放列表，因为您在每次点击时都这样做：

var playlist = new models.Playlist(albumTitle+" - "+artistFromAlbum);

在new那一行中的真正意味着它;-)

如果您想通过多次点击使用相同的播放列表，请将您创建的播放列表存储在某个变量中，以便您以后可以再次访问它。不幸的是，目前无法查看用户拥有的播放列表列表。

于 2012-04-07T10:13:48.077 回答