javascript - 使用 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，您在页面上遇到的错误似乎与缺少 $ 有关。多变的。您确定正在运行 $(document).ready()仅在加载 jQuery 脚本之后？请记住...Javascript 从上到下运行，因此如果您在 $ 上运行任何内容后加载 jQuery 脚本。或jQuery变量，你会得到对象未定义的错误。

然后，为了重申其他人所说的话，您可能应该使用 </iframe> 来关闭该 html 字符串。并将 iframe 放入 block 级元素中。