Estoy usando el complemento jQuery UI Sortable para, por supuesto, permitir que mis usuarios arrastren y suelten elementos en una lista, en el cambio de lista, estoy disparando una llamada ajax para guardar la lista ordenada.
Sin embargo, un usuario se queja de que es bastante difícil arrastrar y soltar cuando la lista requiere un desplazamiento. Entonces, básicamente, lo que intento hacer es en lugar de mantener presionado el botón izquierdo para arrastrar y luego soltar el botón izquierdo para soltar.
Simplemente haga clic izquierdo en el elemento y se convertirá en el elemento "arrastrar" activo y el usuario puede mover el mouse por la pantalla y lo seguirá, luego, en el segundo clic izquierdo, desactive "soltar" el elemento.
Revisé su documentación, pero parece que no puedo encontrar nada que me ayude ( http://api.jqueryui.com/sortable/ ). ¿Alguien tiene alguna idea o complementos que logren esto?
Saludos
Esto debería ayudarlo con esto: 'Simplemente haga clic con el botón izquierdo en el elemento y se convertirá en el elemento activo de "arrastrar" y el usuario puede mover el mouse por la pantalla y lo seguirá, luego en el segundo clic izquierdo desactivar "soltar " el elemento.'
HTML:
<div id="draggable" class="ui-widget-content"> <p>Drag me around</p> </div>JavaScript:
$( function() { var dragging = false; $("#draggable").draggable(); $("#draggable").mouseup(function(e){ if(!dragging){ dragging = true; e.preventDefault(); return false; } else{ dragging = false; } }) } );Ejemplo de Codepen: http://codepen.io/xszaboj/pen/JWbzax
Espero que eso sea lo que necesitas.
Nota al margen. Esto no funcionará en monitores de pantalla táctil en Chrome debido a los diferentes eventos que se disparan.