使用jQuery document.ready插入HTML

Question

我是jQuery的初学者，我试图通过jQuery document.ready函数插入一个类似Facebook的按钮。

我的外部Javascript文件（在jQuery脚本之后加载）具有以下代码：

$(document).ready(function(){

if ($('#fb_btn').length) {
  var fb_code = "";

  fb_code += "<iframe src=\"http://www.facebook.com/plugins/like.php?href=" + escape(document.URL) +"&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:450px; height:80px;\" allowTransparency=\"true\" >";

  $('#fb_btn').prepend(fb_code);
}

});

我想要按钮的HTML代码是

<span id="fb_btn"></span>

目前，似乎没有任何东西加载到span 。

我正在尝试使用它而不是直接插入代码，因为直接插入会使页面减慢太多。

谢谢。

Answer 1

Brian，您在页面上遇到的错误似乎与$变量的缺失有关。 您确定仅在加载jQuery脚本后才运行$(document).ready()吗？ 请记住... Javascript从上到下运行，因此如果在$或jQuery变量上运行任何内容后加载jQuery脚本，则会出现对象未定义的错误。

然后，为了重申其他人所说的内容，您应该使用</iframe>关闭该html字符串，并将iframe放在块级元素中。

Answer 2

我想我只是通过更新我网站上的jQuery来解决问题。 它是版本1.4.2。 通过使用1.4.3版本，一切似乎都运行良好。

无论是那个还是有一些我用jQuery错误修改的东西。

谢谢大家的帮助。