jQuery draggable laissant html cloné derrière

J'utilise jQuery UI; Draggable http://jqueryui.com/demos/draggable invoquaient comme ceci:jQuery draggable laissant html cloné derrière

$(document).ready(function(){ 

    $("#side_bar").sortable({ 
     revert: true 
    }); 

    $(".draggable").draggable({ 
           containment: 'parent', 
           hascroll: true, 
           handle: 'div.box_header', 
           scrollSensitivity: 100, 
           scrollSpeed: 100, 
           axis: 'y',         
           connectToSortable: '#side_bar',         
           helper: 'clone', 
           opacity: 0.35 
           }); });

Vous pouvez voir la structure html sur http://www.sarsclan.co.uk (bar côté droit). Il semble créer un clone transparent en le faisant glisser, mais lorsque vous le déposez, il place le div draggable au bon endroit, mais laisse le div original à sa place et ajoute juste le dom avec un clone de ce div original. son nouvel endroit.

Source

2010-06-07 Titan

De rien, heureux que cela a fonctionné. –

Ceci est maintenant RESOLU, merci pour responces. – Titan

Les démos sur jqueryui Sortable montrent pas draggable appel supplémentaire, pour autant que je peux voir: http://jqueryui.com/demos/sortable/. Avez-vous essayé de faire avec un appel sortable seulement?

EDIT: Je peux voir que votre code est similaire à l'exemple "Draggable + Sortable" sur le site jqueryui. Cependant, cet exemple clone toujours l'élément en haut et insère le clone dans la liste triable, ce n'est donc pas ce que vous voulez obtenir.

Source

2010-06-07 04:55:59

Vous avez raison! Je n'avais pas besoin de draggable du tout! Je viens d'utiliser l'appel triable et il fait tout ce que je voulais faire avec draggable, merci! – Titan

-1

Voulez-vous vraiment avoir "helper: 'clone'"? Que se passe-t-il si vous le supprimez?

Source

2010-06-07 05:05:55 Matrym

Si je supprime help: clone, l'utilisateur ne reçoit aucun feedback visuel lorsqu'il glisse. De plus, il semble faire sauter div partout dans tout l'endroit tout en faisant glisser – Titan

jQuery draggable laissant html cloné derrière

Répondre

Questions connexes