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" ));  
});