Buenos días
Tengo un drag - drop, el proceso de arrastre funciona bien, pero quiero que cuando se arrastren las respuestas un botón me diga cuales están buenas y malas. Así es la estructura que tengo con unos condicionales pero no me hace nada:
Código HTML:
Ver original<!DOCTYPE>
<link rel="stylesheet" type="text/css" media="all" href="css/arrastra2.css" />
<script type="text/javascript"> $('#click').click(function(){
if ('#objeto_1' == '#destino_1') {
alert ("Respuesta 1");
}
else if ('#objeto_2' == '#destino_2') {
alert ("Respuesta 2"); }
else if ('#objeto_3' == '#destino_3') {
alert ("Respuesta 3");
}
else {
alert ("Los valores no son válidos");
}
})
<div id="container_auto">
<div id="objeto_1" draggable="true"></div> <div id="objeto_2" draggable="true"></div> <div id="objeto_3" draggable="true"></div>
<div id="destino_1"><p>Arrastre acá la respuesta
</p></div> <div id="destino_2"><p>Arrastre acá la respuesta
</p></div> <div id="destino_3"><p>Arrastre acá la respuesta
</p></div>
<input id="click" type="button" value="Respuesta"/>
Gracias por su ayuda