jquery ui déplaçable élément apparaît derrière d'autres éléments?

Je suis à l'aide de jquery ui déplaçable, et, finalement, drop, pour le rendre possible de les réorganiser les photos dans les différentes cases.

Si je fais glisser une photo de la boîte, il apparaît sous tous les autres éléments une fois qu'il quitte son direct conteneur.

Pendant googler j'ai pu trouvé à ajouter: 

   helper: 'clone',
   appendTo: "body"

Ce qui le rend si ce qui est déplacée apparaît sur le dessus de tous les éléments, mais il laisse la copie originale encore dans la boîte et je ne veux pas que.

Est-il un moyen que je peux faire l'élément de rester sur le dessus de tout quand glissé? J'ai essayé un grand z-index en vain.

Ici est un jsfiddle qui montre la première draggle élément à l'origine de derrière la seconde. il n'est pas un problème dans l'autre sens.
je ne suis pas en mesure de modifier la position relative sur le contenant divs sans difficulté beaucoup d'autres choses.

http://jsfiddle.net/cBWhX/6/

Pouvez-vous inclure un jsFiddle?
jsfiddle.net/cBWhX/6

OriginalL'auteur Kyle | 2013-07-31

  1. 7

    J'ai trouvé quelques problèmes avec votre code, je crois que j'ai et ai eu de travail.

    Exemple De Travail

    Première corriger votre code HTML:

    <div id="container1" style="background-color:red;padding:20px">
    <div class="draggableContainer">
        <div class="draggable" style="background-color:blue;width:200px;height:200px;"></div>
    </div>
    <div class="draggableContainer">
        <div class="draggable" style="background-color:yellow;width:200px;height:200px;"></div>
    </div>
    <div class="draggableContainer"></div>
</div>

    Ensuite, Vous voudrez probablement utiliser la pile option:

    $('.draggable').draggable({
    revert: "invalid",
    snap: ".draggableContainer",
    stack: ".draggable"
});

$('.draggableContainer').droppable()

    De la La documentation de l'API:

    Pile

    Contrôle le z-index de l'ensemble des éléments qui correspondent au sélecteur, apporte toujours actuellement élément déplacé vers l'avant.

    .pile ce dont j'avais besoin. Merci!

    OriginalL'auteur apaul

  2. 0

    Si il y a une option 'pile existants tout en initiant draggables, mais il ne fonctionne pas correctement, j'ai Donc écrit une petite bibliothèque dragToFront jouer avec les z-index. Voici la plunkr lien

    https://embed.plnkr.co/mJqkxSJhf1Umg7r2oLQN/

    OriginalL'auteur Sandeep Gantait