jquery - 添加仅附加一次的条件

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

您可以.one()按照@thecodeparadox 的建议使用上面的方法（我对此绝对没有问题），这应该很好用。

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

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

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

编辑

...甚至删除它。

$(this).remove();