2010-10-26 10 views
6
var icon = $("<div style='width:100px;height:100px;border-style:solid;'>"); 
icon.draggable({ 
    containment: 'parent', 
    axis: 'y', 
    drag: function(e,ui) { } 
}); 
icon.clone(true).appendTo($("body")); 

Después de hacer una clonación, el icono que arrastra dejó de funcionar. ¿Alguien sabe cómo solucionarlo?Jquery que se puede arrastrar y clon

Gracias

+0

Llamar 'draggable()' de nuevo en el clon? –

+0

'clone()' no es compatible con la fábrica de widgets '$ .widget' en jquery UI [He leído sobre esto hace unos meses no puede recordar el enlace] puede ser debido a que ve problemas demostrados por Ed Saito . tendrías que $ .clone (falso) y aplicar arrastrar de nuevo. – Ajaxe

Respuesta

1

¿Qué quieres exactamente? ¿Realmente necesitas clonar? Puede usar una de las opciones draggable(): helper, que clona el elemento como lo hace al arrastrar. Verlo en acción: http://jsfiddle.net/nZm5H/

Si necesita clonar esta manera lo hace, usted tiene que hacer el clon ser arrastrable también: like this

+0

su primer ejemplo no funciona, la pinta aquí creo que debería poder clonar todos los eventos, por eso el verdadero se establece como un parámetro de clonación, por lo que debería tener que llamar al arrastrable en clon – mcgrailm

+0

@mcgrailm por supuesto esta funcionando. Tal vez sea su configuración del navegador o del motor. Míralo, amigo –

+0

No, lo siento, el hombre no funciona, probé en ff 3.6.3 mac y safari mac y ie6 en xp – mcgrailm

4

La funcionalidad se puede arrastrar no se dejan de funcionar.

Sin embargo, cuando mantiene el mouse sobre el clon y lo mueve, es el elemento original el que se arrastra.

clic aquí para ver este comportamiento: http://www.jsfiddle.net/bxH3Q/

Para evitar esto, usted tiene que hacer cada clon se pueda arrastrar.

+0

Gracias a todos por su implicación, pero el problema es que uso una creación de componentes de arcitecture una vez y clones para mostrándoles y ocultar elimina clon. Cada componente tiene clic, mouseover, etc., y todo funciona, excepto DRAGGABLE = ( – user470071

Cuestiones relacionadas