Appelez la fonction personnalisée après jQuery sortable ();

J'ai ce petit plugin qui provoque un élément de battre trois fois l'appel d'une .blink(). Je suis en train de le faire fonctionner sur la batterie au lithium d'élément, après qu'il a été glissés et déposés via jQuery .sortable(); mais il ne semble pas fonctionner dans ce contexte.

$(function() {
$( "#sortable" ).sortable().blink("update-value", 3, 350);
$( "#sortable" ).disableSelection();
});

CODE CLIGNOTANT

$.fn.blink = function (cls, times, delay) {
var $self = this.removeClass(cls);
clearTimeout($.fn.blink.handler);
! function animate(times) {
    if (times) {
        $self.toggleClass(cls);
        $.fn.blink.handler = setTimeout(function () {
            animate(times - 1);
        }, delay);
    }
}(times * 2);
return this;
};

source d'informationauteur ndesign11

  1. 36

    Si vous utilisez le jQueryUI sortable plugin, et si vous voulez faire un clignotement de l'élément qui a été déplacée (tri), peut-être vous devriez utiliser les rappels qui sont déjà disponibles dans le triable API:

    Lorsque vous configurez votre sortable, vous pouvez donner un rappel pour l'événement de changement:

    $( ".selector" ).sortable({
    change: function( event, ui ) {}
});

    API dit: "Cet événement est déclenché lors du tri, mais seulement lorsque le DOM position a changé"

    Vous pouvez également donner un rappel pour l'événement de mise à jour:

    $( ".selector" ).sortable({
    update: function( event, ui ) {}
});

    API dit: "Cet événement est déclenché lorsque l'utilisateur a interrompu le tri et les DOM position a changé"

    Dans votre cas, vous devez utiliser la mise à jour de rappel et appel le clignotement de la méthode de votre élément.

    Remarque: l'élément glisser et a chuté devrait être disponible dans les ui objet, l'utilisation d'une console.debug pour vérifier le contenu de la ui