jquery UI "drop" tiene conflicto con "sortable"?

Mi html es:

<div id="sortable">
    <div class="node"></div>
    <div class="node"></div>
    <div class="node"></div>
    <div class="node"></div>
</div>

Mi guión es:

$('.node').droppable({
    drop: function (e, ui) {
        alert("drag finish");
    }
});

$('#sortable').sortable({
    stop: function (e, ui) {
        alert("sort finish!");
    }
});

Pero cuando arrastro un elemento y ordeno, solo golpea alert("drag finish") pero no alert("sort finish").

¿Por qué está pasando esto? ¿Como puedó resolver esté problema?

Aqui esta el ejemplo http://jsfiddle.net/GRWDR/1/

preguntado el 09 de marzo de 12 a las 17:03

¿Puedes poner tu código en jsfiddle?

@Devjosh: He editado, mira la última línea -

El código en su jsfiddle no coincide con el código en esta pregunta. ¿Cual es correcta? -

1 Respuestas

yo mismo creé un violín para probar tu problema y verlo aquí está funcionando bien

Tenga en cuenta que cargo los scripts en dom ready, es decir, creo que debería incluir sus scripts en el bloque dom.ready

$(document).ready(function(){
$('.node').droppable({
                    drop: function (e, ui) {
                        alert("drag finish");
}
                })

$('#sortable').sortable({
                    stop: function (e, ui) {
                        alert("sort finish!");
                    }
                });

});

Espero que esto te ayude

respondido 09 mar '12, 17:03

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.