Comment déclencher l'événement Drop avec jQuery UI Droppable sans réellement glisser-déposer?

Question

J'ai un largable avec un gestionnaire d'événements drop:

$(this).droppable({ 
    drop:function(){ 
    console.log('OMG You Dropped It!'); 
    } 
}); 

J'ai un draggable:

$(this).draggable(); 

Ce que je veux faire est de déclencher le gestionnaire d'événements de chute sur la largable sans réellement faire glisser et déposer le draggable. Je veux simuler le comportement réel sans physiquement effectuer le comportement.

Je pensais que quelque chose comme ça ferait:

$(droppable).trigger('drop', [draggable]); 

Malheureusement, ce n'est pas tout à fait aussi simple que cela. Est-ce que quelqu'un sait comment je peux accomplir cela?

Answer 1

Vous devez déplacer le code dans votre gestionnaire drop vers une fonction distincte.
Vous pouvez ensuite appeler la fonction à la fois dans le gestionnaire et ailleurs.

Answer 2

Vous pouvez déclencher la fonction associée à l'appel de la goutte par méthode d'option:

$("#droppable").droppable({ 
     drop: function(event, ui) { 
      do stuff } 
    }); 
var drop_function = $("#droppable").droppable.option('drop'); 
drop_function(); 

De cette façon, vous obtenez tout ce qui se passerait quand laisser tomber quelque chose sur largable. Bien sûr, vous pourriez simplement exécuter la fonction au lieu de l'assigner. C'est néanmoins une bonne idée d'assigner une fonction à déposer, que vous définissez ailleurs, juste pour des raisons de clarté.

Answer 3

Comme l'a par StuperUser et fonction de la réponse de ajmurmann, avec les versions récentes de jQuery vous devez faire:

$("#droppable").droppable({ 
    drop: function(event, ui) { 
     do stuff } 
}); 
var drop_function = $("#droppable").droppable('option', 'drop'); 
drop_function();