JQuery sorted but working on click

Question

I use the jQuery UI Sortable plugin to, of course, allow my users to drag and drop items in the list, in changing the list, I launch an ajax call to save the ordered list.

However, one user complains that it is difficult to drag when scrolling is required on the list. So basically what I'm trying to do is, instead of holding the left click to drag, and then releasing the left click to refuse.

You just leave a click on the element and it will become the active drag and drop element, and the user can move his mouse around the screen and he will follow, and then deactivate the drop element in the second left click.

I looked through their documentation, but I can not find anything that will help me ( http://api.jqueryui.com/sortable/ ). Does anyone have any ideas or plugins that achieve this?

Hi

Answer 1

This will help you with this: “You just leave a click on the element and it will become the active drag and drop element, and the user can move his mouse around the screen, and he will follow, and then deactivate the drop element in the second left-click mouse button. .

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;
    }
  })
  } );

Codepen example: http://codepen.io/xszaboj/pen/JWbzax

Hope this is what you need.

. - , .