Procédure de programmation pour déclencher la mise à jour de rappel de triable widget avec un bouton?

Selon cette jsbin j'ai un sortable liste et un bouton . lors d'un clic sur le bouton ajouter quelque chose à sortable et je veux savoir quel événement de sortable est tiré?(mise à jour,de recevoir) et lors de la constatation de l'événement faire quelque chose sur cet événement.

par exemple si l'utilisateur clic sur add bouton je veux savoir qui de l'événement est déclenché et de faire quelque chose sur l'événement . par exemple, si la mise à jour de feu-je faire quelque chose dans la méthode de mise à jour de triable

$('.sort').sortable({
 update:function(){
//if update fire do some thing
}
});
  $('#add').click(function(){
  $('.sort').append('<li>Text</li>');
});
Tel qu'il est actuellement, votre question n'est pas claire. Essayez de décrire plus en détail quel est le problème auquel vous faites face, et, si possible, de fournir un exemple.
- je mettre à jour le contenu
double possible de le Déplacement d'un élément par programmation avec jQuery sortable tout en encore de déclenchement d'événements

OriginalL'auteur MBehtemam | 2013-10-13

  1. 19

    Le Problème

    Lorsque vous définissez la update de rappel dans le cadre de la sortable options de widget, un événement appelé sortupdate est pas lié au widget. En d'autres termes, la fonction de rappel définie par le update option est en effet appelé, mais un événement de ce nom est pas déclenchée dans cette situation.

    La solution

    Si vous souhaitez déclencher l'événement manuellement, vous devez également lier manuellement. Remarque: l'événement sera également déclenchée automatiquement par le widget régulier de comportement (par exemple, un utilisateur de trier les éléments dans le widget).

    Par exemple:

    HTML

    <ul class="sort"></ul>
<button id="add">Add</button>

    JS

     //Instantiate the widget
$('.sort').sortable();

 //Bind the update event manually
$('.sort').on('sortupdate',function() {console.log('update')});

$('#add').click(function(){
    $('.sort').trigger('sortupdate'); //Trigger the update event manually
});

    Voir JS Bin Démo

    réponse ci-dessous est la meilleure des deux, car il utilise la officielle de l'API directement.

    OriginalL'auteur Boaz

  2. 15

    Utiliser le option méthode de la sortable (pour récupérer ses rappels)

    Comme le mise à jour de rappel est défini comme un option de la sortable widget, il peut être récupéré en tant que tel par l'appel de la méthode de l'option:

    $('.sort').sortable('option', 'update');

    La mise à jour de rappel attend deux paramètres, le event et un ui object. Le event peut être mis à null et la ui object doit être défini avec toutes les propriétés de votre update callback attend:

    $('#add').click(function() {
    $('.sort').sortable('option','update')(null, {
        item: $('<li>new item</li>').appendTo($('.sort'))
    });
});

    Travail JS-Violon

    Vous pouvez même déclencher directement la fonction en cours d'exécution $("<selector>").sortable("option", "update")();

    OriginalL'auteur flu