我正在尝试通过 for each 循环将 Twitter 脚本与一些 HTML 附加在一起。循环正常工作,直到我在末尾添加 <script>
标记为止。我想要做的是让 jQuery 输出我的数据,然后在信息下面放置一个 Twitter 推文按钮。
我想知道是否有另一种方法让 jQuery 将脚本附加到我的 #entries
div 中。
我的代码如下:
$.each(data.Entries, function(entriesIndex, entriesObject) {
if (entriesObject.Field21 == "Yes") {
if (entriesObject.Field15 == "Yes") {
$("<li />", {
html: '<p><a href="http://twitter.com/share">foo</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></p>'
// Add it to the page
}).appendTo("#entries");
} // end if entry = yes
} // end if approved = yes
}); // end for each loop
更新
看起来它将脚本放在页面上,但没有触发-不是非常熟悉twitter脚本的工作原理,想知道你们能否帮忙!谢谢!
在这里查看示例页面:http://bostonwebsitemakeover.com/vote.html
$.each(data.Entries, function(entriesIndex, entriesObject) {
var p, tweet; // oh hey look, variables!
if (entriesObject.Field21 == "Yes") {
if (entriesObject.Field15 == "Yes") {
p = $("<p />", {
html: "<p>" + '<a href="' + entriesObject.Field19 + '" target="_blank">' + entriesObject.Field4 + "</p>" + '<img src="http://images.websnapr.com/?url=' + entriesObject.Field19 + '" />' + "</a>"
});
tweet = $('<script>').attr({
type: 'text/javascript',
src: 'http://platform.twitter.com/widgets.js'
});
} // end if entry = yes
} // end if approved = yes
$('<li class="entry">').append(p).append(tweet).appendTo('#entries');
}); // end for each loop
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
放置在页面主体中没有任何效果。这是自动生成内容,还是只是一个使调用Twitter API更容易的库?(我也尝试了各种变化,例如使用.getScript()
,但都没有成功) - Brad Christie