什么是最好的方式来追加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，因此我们可以将它视为条件中的布尔值。