gpt4 book ai didi

javascript - jQuery 模板不显示内容

转载 作者:行者123 更新时间:2023-11-30 18:16:56 25 4
gpt4 key购买 nike

<分区>

我一直在尝试学习使用 jQuery Javascript 模板。我在这里学习教程:http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-working-with-the-official-jquery-templating-plugin/ (它接收来自 Twitter 的推文)。

我相信我已经完全遵循了代码,我把它放在这里了 http://jqupload.herokuapp.com/tmpl

代码在这里。根据教程,所有脚本/样式表似乎都被正确引用并且代码似乎是正确的。

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="public/stylesheets/tmpl-style.css" />
<script src="public/javascripts/jquery-1.6.4.min.js"></script>
<script src="public/javascripts/jquery.tmpl.js"></script>
</head>
<body>
<h1> Tweets about Nettuts+ </h1>
<script id="tweets" type="text/x-jquery-tmpl">
<li>
<img src="${imgSource}" alt="${username}" />
<h2> ${username} </h2>
<p> ${tweet} </p>
{{if geo}}
<span>
${geo}
</span>
{{/if}}
</li>
</script>
<ul id="twitter"></ul>
<script>
$.ajax({
type : 'GET',
dataType : 'jsonp',
url : 'http://search.twitter.com/search.json?q=nettuts',
success : function(tweets) {
var twitter = $.map(tweets.results, function(obj, index) {
return {
username : obj.from_user,
tweet : obj.text,
imgSource : obj.profile_image_url,
geo : obj.geo
};
});
$('#tweets').tmpl(twitter).appendTo('#twitter');
}
});
</script>
</body>
</html>

使用 firebug 我可以看到从 Twitter 收到了正确的信息,但实际上并没有显示推文。有人可以帮忙吗?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com