クローン（）を一度だけ交換するようにする

Question

私は、クリックすると別のボックスに移動し、その後、自分のhtmlにある削除ボタンでイメージを削除しようとしています。私はそれをクリックしたときにイメージを追加する方法を理解し、次に削除ボタンをクリックしてイメージを削除しました。 私が抱えている問題は、画像そのものをクリックすると右にコピーする必要がありますが、一度コピーしてからもう一度クリックする前にボタンを使用して画像を削除する必要がありますもう一度表示されます。今すぐクリックすると、画像が繰り返し表示されます。私は.stop（）を使ってみましたが、それは関数を完全に停止します。どのようにjQueryを使ってこれを行うのですか？

のjQuery CODE：

$(document).ready(function(){ 
$("#john").click(function(){ 



var johnImage = $("#john").clone(false); 

$("h2").html("John is in the box"); 
$("h2").css({ 'color': 'red'}); 


$("#johnbox").prepend(johnImage); 




}); 

Answer 1

以下のコードをチェックしてください。削除ハンドラで再度falseに設定する必要があります。

ここでは、削除コードを取得した後の完全なコードです。

$(document).ready(function() { 
    var clicked = false; 
    $("#john").click(function() { 
     if (!clicked) { 
      var johnImage = $("#john").clone(false); 
      $("h2").html("John is in the box"); 
      $("h2").css({ 'color': 'red' }); 
      $("#johnbox").prepend(johnImage); 
      clicked = true; 
     } 
    }); 
    $("#removejohn").click(function() { 
     clicked = false; 
     $("#john").remove(); 
     $("h2").html("Click John to put him in the Box"); 
     $("h2").css({ 'color': 'black' }); 
    }); 
});