Javascript TwitterjQuery小部件：创建无效URL

我的网站上有一个twitter小部件。唯一的问题是，当您单击“大约5小时前…”时，它会为链接创建无效的URL

示例：如果您单击最近的推文，它会将您带到该链接，该链接无效：

正确的url是：

以下是我认为问题所在的脚本部分：

` function build_url() { var proto = ('https:' == document.location.protocol ? 'https:' : 'http:'); if (s.list) { return proto+"//api.twitter.com/1/"+s.username[0]+"/lists/"+s.list+"/statuses.json?per_page="+s.count+"&callback=? "; } else if (s.query == null && s.username.length == 1) { return proto+'//api.twitter.com/1/statuses/user_timeline.json?screen_name='+s.username[0]+'&count='+s.count+'&callback=?'; } else { var query = (s.query || 'from:'+s.username.join(' OR from:')); return proto+'//search.twitter.com/search.json?&q='+escape(query)+'&rpp='+s.count+'&callback=?'; } } ` `函数build_url（）{ var proto=（'https:'==document.location.protocol？'https:'：'http:'）； 如果（s.list）{ 返回proto+“//api.twitter.com/1/“+s.username[0]+”/lists/“+s.list+”/statuses.json？per_page=“+s.count+”&callback=？”； }else if（s.query==null&&s.username.length==1）{ 返回proto+'//api.twitter.com/1/statuses/user_timeline.json？screen_name='+s.username[0]+'&count='+s.count+'&callback=？'； }否则{ var query=（s.query | | from:'+s.username.join（'或from:'）； 返回proto+'//search.twitter.com/search.json？&q='+escape（query）+'&rpp='+s.count+'&callback='； } } ` 以下是完整的javascript：

(function($) {

  $.fn.tweet = function(o){
    var s = {
      username: ["ohshititsjake"],            
      list: null,                              
      avatar_size: 20,                      
      count: 3,                               
      intro_text: null,                       
      outro_text: null,                       
      join_text:  null,                       
      auto_join_text_default: "I said:<br/>",      
      auto_join_text_ed: "I",                 
      auto_join_text_ing: "I said:<br/>",             
      auto_join_text_reply: "I replied to",   
      auto_join_text_url: "I was looking at", 
      loading_text: null,                     
      query: null                             
    };

    if(o) $.extend(s, o);

    $.fn.extend({
      linkUrl: function() {
        var returning = [];
        var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
        this.each(function() {
          returning.push(this.replace(regexp,"<a href=\"$1\">$1</a>"));
        });
        return $(returning);
      },
      linkUser: function() {
        var returning = [];
        var regexp = /[\@]+([A-Za-z0-9-_]+)/gi;
        this.each(function() {
          returning.push(this.replace(regexp,"<a href=\"http://twitter.com/$1\">@$1</a>"));
        });
        return $(returning);
      },
      linkHash: function() {
        var returning = [];
        var regexp = /(?:^| )[\#]+([A-Za-z0-9-_]+)/gi;
        this.each(function() {
          returning.push(this.replace(regexp, ' <a href="http://search.twitter.com/search?q=&tag=$1&lang=all&from='+s.username.join("%2BOR%2B")+'">#$1</a>'));
        });
        return $(returning);
      },
      capAwesome: function() {
        var returning = [];
        this.each(function() {
          returning.push(this.replace(/\b(awesome)\b/gi, '<span class="awesome">$1</span>'));
        });
        return $(returning);
      },
      capEpic: function() {
        var returning = [];
        this.each(function() {
          returning.push(this.replace(/\b(epic)\b/gi, '<span class="epic">$1</span>'));
        });
        return $(returning);
      },
      makeHeart: function() {
        var returning = [];
        this.each(function() {
          returning.push(this.replace(/(&lt;)+[3]/gi, "<tt class='heart'>&#x2665;</tt>"));
        });
        return $(returning);
      }
    });

    function parse_date(date_str) {
      // The non-search twitter APIs return inconsistently-formatted dates, which Date.parse
      // cannot handle in IE. We therefore perform the following transformation:
      // "Wed Apr 29 08:53:31 +0000 2009" => "Wed, Apr 29 2009 08:53:31 +0000"
      return Date.parse(date_str.replace(/^([a-z]{3})( [a-z]{3} \d\d?)(.*)( \d{4})$/i, '$1,$2$4$3'));
    }

    function relative_time(time_value) {
      var parsed_date = parse_date(time_value);
      var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
      var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
      var pluralize = function (singular, n) {
        return '' + n + ' ' + singular + (n == 1 ? '' : 's');
      };
      if(delta < 60) {
      return 'less than a minute ago';
      } else if(delta < (60*60)) {
      return 'about ' + pluralize("minute", parseInt(delta / 60)) + ' ago';
      } else if(delta < (24*60*60)) {
      return 'about ' + pluralize("hour", parseInt(delta / 3600)) + ' ago';
      } else {
      return 'about ' + pluralize("day", parseInt(delta / 86400)) + ' ago';
      }
    }

    function build_url() {
      var proto = ('https:' == document.location.protocol ? 'https:' : 'http:');
      if (s.list) {
        return proto+"//api.twitter.com/1/"+s.username[0]+"/lists/"+s.list+"/statuses.json?per_page="+s.count+"&callback=? ";
      } else if (s.query == null && s.username.length == 1) {
        return proto+'//api.twitter.com/1/statuses/user_timeline.json?screen_name='+s.username[0]+'&count='+s.count+'&callback=?';
      } else {
        var query = (s.query || 'from:'+s.username.join(' OR from:'));
        return proto+'//search.twitter.com/search.json?&q='+escape(query)+'&rpp='+s.count+'&callback=?';
      }
    }

    return this.each(function(i, widget){
      var list = $('<ul class="tweet_list">').appendTo(widget);
      var intro = '<p class="tweet_intro">'+s.intro_text+'</p>';
      var outro = '<p class="tweet_outro">'+s.outro_text+'</p>';
      var loading = $('<p class="loading">'+s.loading_text+'</p>');

      if(typeof(s.username) == "string"){
        s.username = [s.username];
      }

      if (s.loading_text) $(widget).append(loading);
      $.getJSON(build_url(), function(data){
        if (s.loading_text) loading.remove();
        if (s.intro_text) list.before(intro);
        var tweets = (data.results || data);
        $.each(tweets, function(i,item){
          // auto join text based on verb tense and content
          if (s.join_text == "auto") {
            if (item.text.match(/^(@([A-Za-z0-9-_]+)) .*/i)) {
              var join_text = s.auto_join_text_reply;
            } else if (item.text.match(/(^\w+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+) .*/i)) {
              var join_text = s.auto_join_text_url;
            } else if (item.text.match(/^((\w+ed)|just) .*/im)) {
              var join_text = s.auto_join_text_ed;
            } else if (item.text.match(/^(\w*ing) .*/i)) {
              var join_text = s.auto_join_text_ing;
            } else {
              var join_text = s.auto_join_text_default;
            }
          } else {
            var join_text = s.join_text;
          };

          var from_user = item.from_user || item.user.screen_name;
          var profile_image_url = item.profile_image_url || item.user.profile_image_url;
          var join_template = '<span class="tweet_join"> '+join_text+' </span>';
          var join = ((s.join_text) ? join_template : ' ');
          var avatar_template = '<a class="tweet_avatar" href="http://twitter.com/'+from_user+'"><img src="'+profile_image_url+'" height="'+s.avatar_size+'" width="'+s.avatar_size+'" alt="'+from_user+'\'s avatar" title="'+from_user+'\'s avatar" border="0"/></a>';
          var avatar = (s.avatar_size ? avatar_template : '');
          var date = '<span class="tweet_time"><a href="http://twitter.com/'+from_user+'/statuses/'+item.id+'" title="view tweet on twitter">'+relative_time(item.created_at)+'</a></span>';
          var text = '<span class="tweet_text">' +$([item.text]).linkUrl().linkUser().linkHash().makeHeart().capAwesome().capEpic()[0]+ '</span>';

          // until we create a template option, arrange the items below to alter a tweet's display.
          list.append('<li>' + avatar + date + join + text + '</li>');

          list.children('li:first').addClass('tweet_first');
          list.children('li:odd').addClass('tweet_even');
          list.children('li:even').addClass('tweet_odd');
        });
        if (s.outro_text) list.after(outro);
        $(widget).trigger("loaded").trigger((tweets.length == 0 ? "empty" : "full"));
      });

    });
  };
})(jQuery);

（函数（$）{
$.fn.tweet=函数（o）{
变量s={
用户名：[“ohshititsjake”]，
列表：空，
头像尺寸：20，
计数：3，
简介文字：空，
输出文本：空，
连接文本：null，
自动加入文本默认值：“我说：
”，
自动加入文本：“我”，
自动加入文本：“我说：
”，
自动加入文字回复：“我回复”，
自动加入文本网址：“我正在看”，
正在加载文本：null，
查询：null
};
若(o),延长(s,o);；
$.fn.extend({
linkUrl:function（）{
var返回=[]；
var regexp=/（（ftp | http | https）：\/\/（\w+：{0,1}\w*@）（\S+：[0-9]+）（\/\\\\/（[\w！：？+=&%@！-\/]）/gi；
这个。每个（函数（）{
returning.push（this.replace（regexp）（“”））；
});
return$（returning）；
},
linkUser:function（）{
var返回=[]；
变量regexp=/[\@]+（[A-Za-z0-9-\]+）/gi；
这个。每个（函数（）{
returning.push（this.replace（regexp）（“”））；
});
return$（returning）；
},
linkHash:function（）{
var返回=[]；
var regexp=/（？：^|）[\\#]+（[A-Za-z0-9-\]+）/gi；
这个。每个（函数（）{
returning.push（this.replace（regexp.））；
});
return$（returning）；
},
capAwesome:function（）{
var返回=[]；
这个。每个（函数（）{
返回.push（这个.replace（/\b（awesome）\b/gi，$1'）；
});
return$（returning）；
},
capEpic:function（）{
var返回=[]；
这个。每个（函数（）{
返回.push（这个.replace（/\b（epic）\b/gi，$1'）；
});
return$（returning）；
},
makeHeart:function（）{
var返回=[]；
这个。每个（函数（）{
returning.push（this.replace（/（）+[3]/gi，♥；））；
});
return$（returning）；
}
});
函数parse_date（date_str）{
//非搜索twitter API返回格式不一致的日期，即Date.parse
//无法在IE中处理。因此，我们执行以下转换：
//“2009年4月29日星期三08:53:31+0000”=>“2009年4月29日星期三08:53:31+0000”
返回Date.parse（Date_str.replace（/^（[a-z]{3}）（[a-z]{3}\d\d？）（.*）（\d{4}）$/i，'$1，$2$4$3'）；
}
函数相对时间（时间值）{
var parsed_date=parse_date（时间值）；
var relative_to=（arguments.length>1）？arguments[1]：new Date（）；
var delta=parseInt（（相对于.getTime（）-parsed_日期）/1000）；
var复数=函数（单数，n）{
返回'+n+''+singular+（n==1？'''s'）；
};
如果（δ<60）{
返回“不到一分钟前”；
}否则如果（增量<（60*60））{
返回'about'+复数（'minute'，parseInt（delta/60））+'ago'；
}否则如果（增量<（24*60*60））{
返回'about'+复数形式（“hour”，parseInt（delta/3600））+'ago'；
}否则{
返回'about'+复数（'day'，parseInt（delta/86400））+'ago'；
}
}
函数build_url（）{
var proto=（'https:'==document.location.protocol？'https:'：'http:'）；
如果（s.list）{
返回proto+“//api.twitter.com/1/“+s.username[0]+”/lists/“+s.list+”/statuses.json？per_page=“+s.count+”&callback=？”；
}else if（s.query==null&&s.username.length==1）{
返回proto+'//api.twitter.com/1/statuses/user_timeline.json？screen_name='+s.username[0]+'&count='+s.count+'&callback=？'；
}否则{
var query=（s.query | | from:'+s.username.join（'或from:'）；
返回proto+'//search.twitter.com/search.json？&q='+escape（query）+'&rpp='+s.count+'&callback='；
}
}
返回此.each（函数（i，小部件）{
var list=$（'
）.appendTo（小部件）；
var intro='
'+s.intro_text+'
'；
var outro='
'+s.outro_text+'
'；
var loading=$（'
'+s.loading_text+'
'）；
如果（类型（s.username）=“字符串”）{
s、 用户名=[s.username]；
}
if（s.loading_text）$（小部件）.append（加载）；
$.getJSON（build_url（），函数（数据）{
如果（s.loading_text）加载.remove（）；
如果（s.intro_text）列表在（intro）之前；
var tweets=（data.results | | data）；
$.each（tweets、函数（i、项）{
//基于动词时态和内容的自动连接文本
如果（s.join_text==“自动”）{
if（item.text.match（/^（@（[A-Za-z0-9-]+））.*i））{
var join_text=s.auto_join_text_reply；
}如果（item.text.match（/（^\w+：\/\/[A-Za-z0-9-\]+\[A-
var date = '<span class="tweet_time"><a href="http://twitter.com/'+from_user+'/statuses/'+item.id+'" title="view tweet on twitter">'+relative_time(item.created_at)+'</a></span>';

var date = '<span class="tweet_time"><a href="http://twitter.com/'+from_user+'/statuses/'+item.id_str+'" title="view tweet on twitter">'+relative_time(item.created_at)+'</a></span>';