JQuery déplaçable - Pas de chevauchement

est-il possible de dire "draggable div -> pas de chevauchement" ?

Je pense que le mainproblem est la position:absolute; ... droit?

genre reagards
Peter

Salut Pierre, nous ne le savons pas parce que vous avez oublié de fournir un exemple de ce que vous faites! Nous pouvons deviner que vous utilisez position: absolute quelque part, et certains divs, mais nous ne savons rien d'autre!

OriginalL'auteur Peter | 2010-08-14

  1. 5

    Il n'y a pas une fonction intégrée de détection de collision dans jQuery UI déplaçable, sauf si vous êtes réellement après quelque chose comme le tri. La chose la plus proche qui est construit à ce que vous voulez, c'est triable de plceholder, ce qui ressemble à ceci.

    La version courte est la détection de collision avec chaque élément traîné n'est pas anodin en termes de performances (selon le nombre d'éléments), il est donc à gauche en sortant de la bibliothèque, car il est très rare de la demande. Vous pouvez, toutefois, calculer les collisions vous-même à l'intérieur de la déplaçable faites glisser événement si vraiment vous avez besoin de la détection de collision.

    OriginalL'auteur Nick Craver

  2. 15

    Vous pouvez essayer jquery-collision plus jquery-ui-déplaçable-collision. La divulgation complète: je l'ai juste écrit et publié sur le site de sourceforge.

    La première permet cela:

    var hit_list = $("#collider").collision(".obstacle");

    qui est de la liste de tous ".obstacle" qui se chevauchent "#collider".

    Le second permet de:

    $("#collider").draggable( { obstacle: ".obstacle" } );

    Qui vous donne (entre autres choses), une "collision" de l'événement pour se lier à:

    $("#collider").bind( "collision", function(event,ui){...} );

    Et vous pouvez même définir:

    $("#collider").draggable( { obstacle: ".obstacle", preventCollision: true } );

    pour prévenir "#collider" de chevauchement de tout ".obstacle" tout en faisant glisser.

    Ne fonctionne pas à 100% avec la version jQuery 1.8.20. Alternative est d'utiliser le réglage 1.8.12 version
    merci, je vais regarder pourquoi il ne fonctionne pas avec 1.8.20 -- pourriez-vous déposer une correction de bug billet sur le site de sourceforge avec un exemple, s'il vous plaît?
    mise à jour de la bibliothèque. il devrait travailler avec les 1.8.20 maintenant.
    ce plugin est INCROYABLE! Le seul problème, c'est que je ne peut pas l'obtenir pour fonctionner avec jQuery 1.10.1 et jQuery UI 1.10.3. Est-il quelque chose que vous pouvez faire ?
    Nevermind. Trouvé cette fourche: github.com/dsbaars/jq-ui-draggable-collision

    OriginalL'auteur eruciform