将字段添加到Spotify列表

问题描述：

我试图将字段添加到Spotify API提供的列表中。将字段添加到Spotify列表

这里是我的代码来创建列表：

var playList_view = new views.List(playlist_test, function(track) { 
       return new views.Track(track, views.Track.FIELD.NAME | 
              views.Track.FIELD.ARTIST | 
              views.Track.FIELD.ALBUM); 
      }); 

$('#tracks').append(playList_view.node);

我不知道如何将它通过函数添加到视图，所以我在事后添加。如果有更好的方法来做到这一点，请让我知道。

这里是尝试（其是部分成功）：

$('.sp-list a').append("<span>Test</span>");

这正确地添加一列到另一列的用于在屏幕上显示的所有曲目的权利。当我在列表中向下滚动时出现问题。它似乎得到刷新和HTML被重写。我认为这里的解决方案是在创建视图时将代码添加到函数中，或者观察某种更改/刷新事件。不幸的是，我不确定这些活动是什么或是找到它们的列表的好地方。

任何帮助表示赞赏！

谢谢，这样做的凯文

答

的方法之一是使用在滚动事件的处理程序，以检测该名单已滚动，然后重新添加字段。但是，您需要小心，最终不会将其添加到已添加的行中，否则您将最终得到重复的字段。这是似乎工作的东西：

function addCustomField() { 
    $('.sp-list a.sp-item').each(function() { 
     if($(".custom-field",$(this)).length == 0) // check field doesn't already exist 
     { 
      $(this).append("<span class=\"custom-field\">Test</span>"); 
     } 
    }); 
} 

setTimeout(function() { 
    addCustomField(); // Add the custom field to the visible tracks 
    $('.sp-list').scroll(addCustomField); // Register the scroll handler 
},10);

将字段添加到Spotify列表

相关推荐