Probleme mit jQuery akzeptieren

Question

Zunächst entschuldigt sich, wenn diese bereits auf Stapelüberlauf. Ich habe 3 Blöcke, einer dieser Blöcke muss in das Zielsegment gezogen werden. Leider wenn ich einen der 3 Blöcke ziehe, wird der Code ausgeführt. Wenn der Benutzer den falschen Block zieht, möchte ich einfach nichts tun. Ich bin neu in der Codierung, aber von dem, was ich gelesen habe:

accept: "#Proof"; 

sollte funktionieren, aber es scheint nicht. Hilfe wird sehr geschätzt. Bitte beachten Sie, dass ich dies in jQuery tun muss, da es sich um ein Bildungsprojekt handelt.

Vielen Dank

$(".drop").draggable(); 

    $("#Proof").draggable(); 

    $("#target").droppable({ 
     accept: "#Proof"; 
    drop: function (event, ui){ 
     $("#Proof").html("Success!!<br> Please now press submit"); 
     $("#target").css("background-color", "#00cc00"); 
     $(".falseTarget").css("background-color", "#00cc00"); 
     $(".drop").hide(); 
     $("#Proof").draggable('disable'); 
    } 
    }); 

Answer 1

Es ist ein Tippfehler Problem in Ihrem Code.

$("#target").droppable({ 
    accept: "#Proof"; // <-- replace ';' by ',' 
    drop: function (event, ui) {...} 
});