jQuery show element複数回のクリックで1回

Question

以下のリンクはDeleteUser関数を呼び出し、以下のメッセージを表示します。リンクが再度クリックされると、メッセージが繰り返され、リンクがクリックされるたびにメッセージが繰り返されます。この動作を停止する方法はありますか？一度クリックした後にリンクを非表示にしようとしましたが、要素が残っています。このメッセージボックスを共有する別のリンクをクリックすると、最初のメッセージは引き続き表示されます。

<a href="#" onclick="DeleteUser('{id}','{deleting}')">Delete User</a> 

function DeleteUser(id, deleting){ 

var message = "<h1>Are you sure? All records associated with this user will be deleted also.</h1>"; 

$('#managermsg').append(message); 
$('#managermsg').fadeIn(500); 
$("#usermanager").slideToggle("slow"); 
}; 

Answer 1

あなたはそれを毎回追加APPENDとappend()からtext()またはhtml()

に変更し、これらの他の人とあなたがいただきました！すでにそこに置き換えられます。

Answer 2

これには.one()を使用できます。

$("a").one("click", function() { 
    // do your stuff 
} 

それとも、リンクがすでに.data()属性を追加することにより、クリックされたという事実を格納することができます。あなたは本当に（保守性とクリーンなコードのために）そのインラインJSをドロップする必要がありませんどのような

$('a').click(function() { 
    var a = $(this); 
    if (a.data('clicked') == 'clicked') return false; 

    // do your stuff 
    a.data('clicked', 'clicked'); 
}); 

。

Answer 3

あなたはこれを使用することができます：

<a href="#" onclick="DeleteUser('{id}','{deleting}'); this.onclick = null;">Delete User</a> 

または：

<a href="#">Delete User</a> 

$("a").one("click", function(){ 
    DeleteUser('{id}','{deleting}'); 
});