jQuery ui.déplaçable événement/état de revenir

Est-il un moyen d'obtenir de l'information si un élément qui est déplaçable est revenue?

Je suis bloqué sur cette. Je veux faire un élément droppable à nouveau, mais seulement si le déplaçable qui était allongé là est déplacé ailleurs (ce qui signifie ne pas revenir).

OriginalL'auteur flos | 2009-12-05

  1. 9

    Ne ressemble à jQuery UI a une prise en charge pour elle de sorte que vous pouvez ajouter vous-même comme ceci:

    $.ui.draggable.prototype._mouseStop = function(event) {
    //If we are using droppables, inform the manager about the drop
    var dropped = false;
    if ($.ui.ddmanager && !this.options.dropBehaviour)
        dropped = $.ui.ddmanager.drop(this, event);

    //if a drop comes from outside (a sortable)
    if(this.dropped) {
        dropped = this.dropped;
        this.dropped = false;
    }

    if((this.options.revert == "invalid" && !dropped) || (this.options.revert == "valid" && dropped) || this.options.revert === true || ($.isFunction(this.options.revert) && this.options.revert.call(this.element, dropped))) {
        var self = this;
        self._trigger("reverting", event);
        $(this.helper).animate(this.originalPosition, parseInt(this.options.revertDuration, 10), function() {
            event.reverted = true;
            self._trigger("stop", event);
            self._clear();
        });
    } else {
        this._trigger("stop", event);
        this._clear();
    }

    return false;
}

    Vous permettra de le faire:

    $(document).ready(function($) {
    $('#draggable').draggable({
        revert: true,
        reverting: function() {
            console.log('reverted');
        },
        stop: function(event) {
            if (event.reverted) {
                console.log('reverted');
            }
        }
    });
});
    Merci beaucoup. Bonne idée pour les remplacer. Je vais tester, mais ressemble à ce dont j'ai besoin.

    OriginalL'auteur PetersenDidIt

  2. 21

    J'ai trouvé qu'il n'y est loin pour obtenir des informations quant à savoir si un objet est revenue ou pas. Il est construit en jQuery mais pas que, bien documenté, apparemment.

    Essentiellement, c'est fait via l'aide d'une fonction de rappel pour revenir option d'un objet déplaçable.

    Quelque chose comme ce qui suit:

    $(".myselector").draggable(
{
  revert: function(droppableObj)
  {
     //if false then no socket object drop occurred.
     if(droppableObj === false)
     {
        //revert the .myselector object by returning true
        return true;
     }
     else
     {
        //droppableObj was returned,
        //we can perform additional checks here if we like
        //alert(droppableObj.attr('id')); would work fine

        //return false so that the .myselector object does not revert
        return false;
     }
  }
});

    Voir http://www.agilepro.com/blog/2009/12/while-this-functionality-is-built-into.html pour plus de détails.

    hm, je ne sais pas à ce sujet, droppableObj est une valeur booléenne que votre code montre. Vous ne pouvez pas faire ce que vous dites dans vos commentaires - utilisation droppableObj pour obtenir l'attribut. Ou peut-être vous pouvez dans une autre version de jquery, je suis en utilisant la dernière.
    Cela fonctionne très bien. Merci. Je suis d'accord que cela devrait être la accepté de répondre.
    Malheureusement, il nécessite encore un peu de cludge pour obtenir revenue de l'information dans les événements qui ont suivi depuis revert ne reçoivent pas d'un événement ou d'une interface utilisateur argument. Suppose que je vais .addClass ou .les données de quelque chose... Mais merci pour l'astuce!

    OriginalL'auteur mbeedub

  3. 1

    Expansion sur @mbeedub de la solution, voici mon propre solution. Dans mon cas, j'ai besoin de la valeur de ui.position sur stop. Si la résistance est revenue, alors j'ai besoin de renvoyer l'objet à sa position d'origine. Malheureusement, jQuery UI n'a pas de mise à jour de la position de la propriété après le revert d'animation est exécutée. Heureusement, il y a un originalPosition de la propriété. Donc, tant que je peux détecter les revenues de l'etat (dans ce cas, via classname), je suis ok!

    function updatePosition (position) {
  /* Posting position to server */
}

element.draggable({

  drag: function (event, ui) {
    updatePosition(ui.position);
  },

  revert: function (droppable) {
    return !droppable && element.addClass('ui-draggable-reverted');
  },

  stop: function (event, ui) {
    if (element.is('.ui-draggable-reverted')) {
      updatePosition(ui.originalPosition);
      element.removeClass('ui-draggable-reverted');
    } else {
      updatePosition(ui.position);
    }
  }
});

    OriginalL'auteur furf