jQuery UI Sortable: traîné élément disparaît

J'ai mis le <div class="container"> .sortable(), et il y a certains éléments dans le conteneur.

Lorsque je fais glisser à l'intérieur de l'élément, l'intention de sorte que l'élément avec les autres, une fois l'traîné un sur le conteneur, il ne peut pas être vu.

Mais quand je le laisse tomber en place de titulaire, il pourrait être vu à nouveau. De cas en ligne est ici.

Quelqu'un a rencontré le problème avant? Ou quelqu'un peut m'aider avec le problème?

Merci

InformationsquelleAutor hh54188 | 2010-12-18
  1. 14

    Baisse de la overflow: hidden; sur .container et il va fonctionner. Le problème est que lors de la glisser vous êtes le déplacement d'un enfant de .container à l'extérieur de la .container élément, vous avez dit que le navigateur de cacher tout débordement pendant que vous êtes en forçant un dépassement de capacité lors de la traînée et le navigateur est en train de faire ce que vous lui avez dit de faire.

    Conseils généraux: congés overflow seul, sauf si vous savez ce qu'il fait et pourquoi vous avez besoin de l'utiliser.

    • en utilisant ce travail autour (je n'ai pas envie de toucher à tout style) a fait le tour pour moi $("#myDraggableElem").draggable({ appendTo: 'body', helper: 'clone', zIndex: 300 }); . Note qu'un nouvel élément est créé lorsque vous faites glisser un élément, il peut ne pas être ce que vous cherchez.
    InformationsquelleAutor mu is too short
  2. 9

    le truc est de mettre de l'aide pour 'clone' et de l'utilisation temporaire swaplist pour le glisser.. version modifiée de votre code ici

    $( ".selector" ).sortable({
    helper: "clone"
});
    • Le appendTo sur un autre div est ce qui a fonctionné pour moi. Merci!
    • Même ici. Merci!
    • Cela a fonctionné pour moi, appendTo n'a pas et mon dépassement n'était pas caché.
    • Ne rien faire.. je ne sais pas pourquoi mais quand je fais glisser les éléments de sauter partout. Voir ce gif: gph.est/2p3dP4u
    InformationsquelleAutor Vinay Sahni
  3. 2

    probablement le problème est dû à ceci: .container{ margin:0 20px; position:absolute;top:0;height:100%;width:280px;overflow:hidden;}.

    Si vous définissez overflow:auto il montre le wrapper div avec la barre de défilement et vous pouvez visualiser votre portlet.

    InformationsquelleAutor TheVillageIdiot
  4. 2

    Mon traîné les éléments étaient en voie de disparition dans une liste verticale et j'ai trouvé que l'utilisation d'overflow-y: hidden, au lieu de overflow:hidden a fonctionné pour moi. c'est à dire seulement la cible de l'axe des y.

    InformationsquelleAutor Kirk Ross