什麼是最好的方式來追加HTML只是一次？

Question

當我點擊「顯示評論」鏈接時，我想打開一個Div並追加Facebook評論框。但是我想追加一次FB-Comments，然後使用鏈接切換該Div。

我是想這樣的事情，但我點擊鏈接，當然，每一次它只是追加它...

http://jsfiddle.net/4LnzD/

謝謝！

UPDATE：

http://jsfiddle.net/4LnzD/4/

現在，它的偉大的工作，但如果有人知道最有效的方式做到這一點，歡迎您！

Answer 1

添加內容後，向目標元素添加類名稱。在第二次添加之前檢查類名的存在。

1）添加類

$('#target').addClass("done") 

2）檢查類

if($('#target').hasClass("done")) { 
... 
} 

Answer 2

用途：

$(document).load(function() { 
    //Load comments section here 
    $('.fb_comments').hide(); 
}) 

這將創建的意見，但隨後隱藏起來。然後創建按鈕，onClick（或綁定.click()）調用此：看

$('.fb_comments').toggle(); 

Answer 3

檢查的意見格已經在DOM存在，如果它不然後附加：

if(! $('#fb_comments_' + uid).children(".fb-comments").length){ 
    $('#fb_comments_' + uid).append(commentBox); 
} 

$('#fb_comments_' + uid).toggle(); 

.length將返回與DOM中的選擇器匹配的元素的實例數。由於0在JavaScript中等於false，因此我們可以將它視爲條件中的布爾值。