L'utilisation de jQueryUI triable et draggable provoque le saut des éléments du bloc inline du conteneur pour l'élément triable

Question connexe sur stackoverflow 0 et 1. jsFiddle: http://jsfiddle.net/ashugupt/hpncs/1/L'utilisation de jQueryUI triable et draggable provoque le saut des éléments du bloc inline du conteneur pour l'élément triable

également essayé triables comme ci-dessous:

$(".fields").sortable({ 
     connectedWith: ".fields", 
     revert: true, 
    });

post-scriptum Vous devez faire glisser vers le bas de la div vert (entre le rouge et le vert) comme dans l'instantané misbehaving sortable container

Source

2013-09-07 gashu

J'ai fait quelques changements. Voyez si cette solution fonctionne pour vous. http://jsfiddle.net/hpncs/3/ –

@MandeepJain le flotteur: left au lieu de display: inline-block résout le problème pour moi. Le seul ajout que je devais faire était de faire $ (# sortable) .css ({overflow: hidden}) [bien sûr, l'équivalent dans le fichier css]. Mettez ce changement de violon comme réponse et je vais marquer la bonne réponse. Merci encore. – gashu

Comme mentionné dans les commentaires, ce solution travaille pour vous.

Je fondamentalement changé la structure de

display: inline-block;

float: left;

Source

2013-09-14 10:19:56

Je suis content d'avoir trouvé cette solution, même si j'ai déjà arraché tous mes cheveux. –

Ajout d'une marge inférieure négative à la .ui triables-espace réservé travaillé pour moi. Le montant peut être lié à votre hauteur de ligne de sorte que vous devrez peut-être jouer avec le nombre

.ui-sortable-placeholder { 
    margin-bottom:-15px 
}

Source

2015-01-27 21:55:58 Steve

L'utilisation de jQueryUI triable et draggable provoque le saut des éléments du bloc inline du conteneur pour l'élément triable

Répondre

Questions connexes