Jquery drag revenir sur la chute de spécifique div

J'ai actuellement une mise en page qui utilise Jquery UI Glisser-Déposer.. j'ai vu le code sur le Jquery site web pour revenir, mais je ne suis pas sûr de savoir comment j'allais au sujet de la détection si un div a été abandonné sur un certain div et si elle a été ensuite de revenir.

Fondamentalement, j'ai 2 divs et je ne veux le glisser/déposer pour être en mesure de déposer à l'intérieur, si elle n'est pas tombée dans la bonne, puis il est revenu 🙂

Script:

 <script type="text/javascript">
function shift(parent){
$("#"+parent).draggable({ handle: ".item", accept: "#floor", containment: "#floor", scroll: false, stack:"#floor div" });
}
</script>

Déplaçable:

<div id="drag" class="ui-widget-content" onmousedown="shift('example')"> </div>

DIVs

<div id="container">
    <div id="floor"> </div>
    <div id="other"> </div>
</div>

L'est déplaçable à l'intérieur du conteneur, mais je veux seulement qu'il soit tombé dans le plancher et pas d'autres.

Toute aide serait grandement appréciée

Merci à tous par avance!

Pouvez-vous svp poster une partie de votre code?
Désolé, oui, a ajouté pour vous 🙂
Hey Andrew je pourrais être en mesure pour vous aider: quel est le comportement que vous essayez? c'est à dire <div> flloor & other shoule pas être déplaçable et quelle est la pertinence de drag div, désolé si j'ai l'air d'épaisseur, 🙂
La pertinence de drague est parce que les gens sont en mesure de faire glisser d'autres divs mais je veux retenir pour seulement être en mesure de laisser tomber ce qu'ils glisser dans le "plancher" et pas dans "autres". Si ils traînent dans les autres, puis il reprend autrement si elles faites-les glisser sur le plancher, il sera supprimée avec succès 🙂
Okies attendez, je vais vous écrire une démo bientôt; gotch, vous nous l'espérons 😛

OriginalL'auteur Andrew | 2012-05-31

8

Hiya Andrew De Travail Démo http://jsfiddle.net/BYsnc/

Espère que cela aidera

Bonne lecture: http://docs.jquery.com/UI/Draggable

Comportement: Lorsque l'utilisateur de faire glisser drag me à floor il permettra à d'autre si vous le faites glisser vers other il l'habitude de B-)

Explication

JQuery Code

//Faire des Étage Div comme droppable
```
$('#floor').droppable({
    tolerance: 'fit'
});
```
//Maintenant, faites glisser div comme déplaçable
```
$('#drag').draggable({
    revert: 'invalid',
    stop: function(){
        $(this).draggable('option','revert','invalid');
    }
});
```
//Dire finalement glisser que sur leur Droppable propriété
```
$('#drag').droppable({
    greedy: true,
    tolerance: 'touch',
    drop: function(event,ui){
        ui.draggable.draggable('option','revert',true);
    }
});
```
Merci beaucoup, vous avez été d'une grande aide et c'était exactement ce que je cherchais 😀
Glad je peux vous aider!
Je voulais la baisse des succès fonction de rappel

OriginalL'auteur Tats_innit

Vous devez vous connecter pour publier un commentaire.