jquery - 一度だけ追加するという条件を追加する

Question

これが私のjQueryスニペットです

$(document).ready(function() {

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


});

ボタンをクリックして一度だけ追加したいのですが、

ボタンのソースは次のとおりです。

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

どうすればそれを達成できますか？

score 5 · Accepted Answer

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

.one()クリックイベントを1回だけ実行します。

についてもっと読む.one()

score 1 · Accepted Answer

.one()@thecodeparadoxが提案したように（そして私はそれについてまったく問題はありません）上記を使用することができ、それはうまくいくはずです。

...しかし、ボタンを1回クリックしてもまったく役に立たない場合は、代わりに非表示にすることを検討してみませんか？

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

レイアウトにそれを維持することには何の意味もないようです。他の要素がスペースを占めるようにします。

...またはそれを削除します。

$(this).remove();

2 に答える 2