jquery UI ordenable: ¿cómo dejar el original visible hasta la caída?

En el comportamiento estándar demostrado en http://jqueryui.com/demos/sortable/ cuando arrastra un elemento en la lista, se muestra un elemento de marcador de posición donde se quitará el elemento.jquery UI ordenable: ¿cómo dejar el original visible hasta la caída?

Sin embargo, no se indica la ubicación original del elemento a soltar.

me gustaría dejar la ubicación original visibles hasta que la gota, por lo que la retroalimentación visual es análogo a la forma en que el original se deja en el lugar de la opción "clon semitransparente" representado en http://jqueryui.com/demos/draggable/#visual-feedback

Es de alguna manera puedo hacer esto con ordenable?

Gracias!

Fuente

2010-01-27 brahn

Así que un enfoque que parece funcionar (que se cree que es definitivamente un corte) es pasar la opción

start: function (e, ui) { ui.item.show();}

cuales unhides el original oculta automáticamente (ui.item).

Y, en general, se puede usar la función start para modificar el elemento.

Fuente

2010-01-27 21:55:59 brahn

Gracias. Esto me ayudó a mí también –

Pero desaparece en la caída – Gino

Agradable. También terminé agregando una clase al inicio y eliminándola en stop. Luego configuré la opacidad de la clase css. Descubrí que esto ayudó a ilustrar cuál era el artículo original. – RevNoah

La opción helper: 'clone' dejará su elemento original en su lugar, mientras crea un nuevo elemento DOM que realmente es arrastrado por el mouse. (Además, utiliza la opción opacity: 0.7 para crear el efecto "semitransparente" en el ayudante.)

No estoy seguro de si va a necesitar esto, pero si usa un clon no lo elimina automáticamente de la lista, puede usar el evento remove para eliminar por completo el elemento arrastrado del DOM.

Fuente

2010-01-27 20:12:21

Entonces, eso es lo que * pensé * que debería pasar con 'clon' - pero cuando configuro helper: 'clone', el original aún desaparece. Así que quizás debería preguntar: ¿qué podría extrañar? – brahn

Al observar esto con más cuidado, con 'clonar' el elemento aún aparece en el DOM. Pero no se muestra. He modificado el ejemplo que viene con el paquete jquery-ui para usar la opción 'helper: 'clone'', puedes verlo aquí: http://brahn.sqprod.com/jq/sortable-example.html – brahn

Y, de hecho (gracias a Firebug), ahora está claro que (de nuevo, incluso con la opción 'clonar ') el original está oculto mediante la configuración del estilo en' display: none' – brahn

jquery UI ordenable: ¿cómo dejar el original visible hasta la caída?

Respuesta

Cuestiones relacionadas