添加仅附加一次的条件

Question

这是我的jQuery代码段

$(document).ready(function() {

$("#button").click(function(e) {
    $("body").append('Source:CIA World Factbook');
});


}); 

我想通过点击一个按钮只追加一次，

这是按钮的来源，

<div id="button"> Show Sources </div>

我怎样才能实现它？

Answer 1

$("#button").one('click', function(e) {
    $("body").append('Source:CIA World Factbook');
});

.one()只会执行一次点击事件。

详细了解 .one()

Answer 2

您可以像@thecodeparadox建议的那样使用上面的.one()（我绝对没有问题），这应该很有效。

...但如果您的按钮在点击一次之后完全没有使用，为什么不考虑隐藏它呢？

$('#button').on('click', function () {
    // do the reveal
    //
    // then hide this button
    $(this).hide();
});

将它保留在布局中似乎没有任何意义。让其他元素占据空间。

修改

......或者甚至将其删除。

$(this).remove();