2010-04-23 12 views
15

He usado algunos plugins jQuery UI, pero siempre encontré el mismo problema, no puedo seleccionar ni hacer clic dentro de los DIV clasificables, así que tal vez pueda encontrar la solución colocando un ícono desde donde solo se puede arrastrar el div para que pueda seleccionar la otra parte.¿Cómo hacer jQuery UI ordenable divs arrastrados solo desde un icono?

¿Cómo hacer eso?

Gracias

Respuesta

35

En cada uno de sus artículos ordenables, incluya lo que desee como su asa. (Por ejemplo, un img o un estilo span.) Proporcione a los elementos del manejador un nombre de clase — handle podría ser una buena opción.

En su constructor sortable, configure el selector handle en la clase que ha asignado a sus identificadores.

$('#div').sortable({ 
    handle: '.handle', 
    cursor: 'move', 
    ... 
}); 

También recomiendo darle a su elemento de mango un estilo de .handle { cursor:move; } por lo que el usuario tiene algún indicio de que el acaparamiento que les permitirá mover el elemento alrededor.

+2

gracias por esta respuesta! ¡Utilicé un contenedor div como asa y no funcionó! un contenedor de luz funciona de maravilla. – vacetahanna

Cuestiones relacionadas