我正在构建一个类似Twitter的网站,该网站提供了我想以特定方式导出到网站的随机推文。到目前为止,我已经满足了大部分要求,唯一的问题是将Twitter用户的jQuery文本转换为可以点击的链接。
下面的代码片段展示了我迄今为止的工作:
<script>
$(document).ready(function(){
var $body = $('.middle');
$body.html();
var index = streams.home.length - 1;
var newTweets = function(index){
while(index >= 0){
var tweet = streams.home[index];
var $tweet = $('<div class=tweetBox></div>');
$tweet.text('@' + tweet.user + ': ' + tweet.message + tweet.created_at);
$tweet.appendTo($body);
index -= 1;
}
}
newTweets(index);
$('button').on('click', function(){
index = streams.home.length - 1;
newTweets(index);
});
});
</script>
给出问题的行是$tweet.text('@' + tweet.user + ': ' + tweet.message + tweet.created_at);
我想把tweet.user转换成一个点击链接。任何关于如何解决这一问题的建议都将不胜感激。
您必须使用jQuery的HTML
函数。http://api.jquery.com/html/
像这样:
var link = $('<a>', {text: tweet.user, href: '#'}).prop('outerHTML');
$tweet.html('@' + link + ': ' + tweet.message + tweet.created_at);
它会完成工作的。
如果我理解正确,那么这就是您想要的
var link = $('<a>', {text: tweet.user, href: '#'}).prop('outerHTML');
$tweet.html('@' + link + ': ' + tweet.message + tweet.created_at);