使用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錯誤修改的東西。

謝謝大家的幫助。