event - que es jquery ui

jQuery UI Arrastrar y soltar con.trigger()

Question

Estoy tratando de ''activar'' un arrastrar y soltar manualmente sin la interacción de un mouse / usuario.

Hasta ahora he podido configurar la demostración de la interfaz de usuario de jQuery para arrastrar y soltar, pero no puedo activar la función de arrastrar y soltar usando el método de activación ().

¿Alguien puede ayudar con la configuración de esto?

Mi código hasta ahora es:

 $(function() {
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
drop: function( event, ui ) {
$( this )
.addClass( "ui-state-highlight" )
.find( "p" )
.html( "Dropped!" );
}
});
$(''#draggable'').trigger("drop", $(''#droppable''));
});

¡Gracias por adelantado!

Para hacer las cosas más simples . Todo lo que quiero hacer es llamar al método ''drop'' desde cualquier lugar fuera del droppable (), pero siempre tendré que poder especificar el evento y los objetos ui.

Answer 1

Creo que lo que quieres es:

$(''#droppable'').trigger(''drop'', $(''#draggable''));

Pero incluso entonces, me pregunto si el elemento arrastrable llegará a la lista desplegable, ya que lo que se cayó ...

Answer 2

¿Por qué no crear un evento personalizado basado en el drop? Entonces puedes dispararlo tú mismo:

$(function(){
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
drop: function( event, ui ) {
$(this).trigger("customEvent", ui);
}
});
$( "#droppable" ).bind("customEvent", function(event, ui ){
$( this )
.find( "p" )
.html( "Dropped!");
});
$( "#droppable" ).trigger("customEvent", $( "#draggable" ));
});