编辑2:
我刚刚意识到我的 HTML 只显示艺术家和歌曲,而不是专辑,这就是为什么当我有
alert(album);
在那里我得到了意想不到的结果。jQuery 修剪现在按预期工作。脸红感谢您的回答,我将保留其他脚本。
我正在使用 JQuery 来获取 lastfm 用户播放的最后 10 首歌曲并显示它们。
我想将专辑名称截断为 x 个字符并替换为 ...
字符串是:
album = item.album['#text'];
它显示在这里:
$current.find('[class=lfm_album]').append(album);
我试过使用:
var shortText = jQuery.trim(album).substring(0, 10)
.split(" ").slice(0, -1).join(" ") + "...";
但它只显示完整的专辑字符串,似乎没有多少摆弄或 javascript 工作。
编辑:
我刚试过
album = item.album['#text'];
alert(album);
看看它的想法,我得到了一些与脚本生成的任何其他字符串都不匹配的结果,所以现在真的被卡住了!
完整的脚本如下:
/*---------------
* jQuery Last.Fm Plugin by Engage Interactive
* Examples and documentation at: http://labs.engageinteractive.co.uk/lastfm/
* Copyright (c) 2009 Engage Interactive
* Version: 1.0 (10-JUN-2009)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
* Requires: jQuery v1.3 or later
---------------*/
(function($){
$.fn.lastFM = function(options) {
var defaults = {
number: 5,
username: 'xxxxxxx',
apikey: 'xxxxxxxx',
artSize: 'medium',
noart: 'images/noartwork.gif',
onComplete: function(){}
},
settings = $.extend({}, defaults, options);
var lastUrl = 'http://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user='+settings.username+'&api_key='+settings.apikey+'&limit='+settings.number+'&format=json&callback=?';
var $this = $(this);
var container = $this.html();
$this.children(':first').remove();
if(settings.artSize == 'small'){imgSize = 0}
if(settings.artSize == 'medium'){imgSize = 1}
if(settings.artSize == 'large'){imgSize = 2}
this.each(function() {
$.getJSON(lastUrl, function(data){
$.each(data.recenttracks.track, function(i, item){
if(item.image[1]['#text'] == ''){
art = settings.noart;
}else{
art = stripslashes(item.image[imgSize]['#text']);
}
url = stripslashes(item.url);
song = item.name;
artist = item.artist['#text'];
album = item.album['#text'];
// this is the part where I try to truncate "album"
var shortText = $.trim(album).substring(0, 10)
.split(" ").slice(0, -1).join(" ") + "...";
$this.append(container);
var $current = $this.children(':eq('+i+')');
$current.find('[class=lfm_song]').append(song);
$current.find('[class=lfm_artist]').append(artist);
//$current.find('[class=lfm_album]').append(album);
$current.find('[class=lfm_album]').append(shortText);
$current.find('[class=lfm_art]').append("<img src='"+art+"' alt='Artwork for "+album+"'/>");
$current.find('a').attr('href', url).attr('title', 'Listen to '+song+' on Last.FM').attr('target', '_blank');
//callback
if(i==(settings.number-1)){
settings.onComplete.call(this);
}
});
});
});
};
//Clean up the URL's
function stripslashes( str ) {
return (str+'').replace(/\0/g, '0').replace(/\\([\\'"])/g, '$1');
}
})(jQuery);
谢谢你的帮助。