jQuery可排序，但点击工作

Question

我正在使用jQuery UI Sortable插件，当然允许我的用户在列表中拖放元素，在列表更改我正在触发ajax调用以保存有序列表。

然而，一个用户抱怨说，当列表需要滚动时，拖放很困难。 所以基本上我试图做的不是按住左键单击拖动然后释放左键单击放下。

您将只需左键单击元素，它将成为活动的“拖动”元素，用户可以在屏幕上移动鼠标，然后在第二个左键单击停用“删除”元素。

我查看了他们的文档，但我似乎无法找到任何可以帮助我的东西（ http://api.jqueryui.com/sortable/ ）。 有没有人有任何想法或插件实现这一目标？

问候

Answer 1

这应该可以帮到你：'你只需要左键单击元素，它就会成为活动的“拖动”元素，用户可以在屏幕上移动它们的鼠标，然后在第二个左键单击停用“drop” “元素。”

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示例： http ：//codepen.io/xszaboj/pen/JWbzax

我希望这就是你所需要的。

边注。 这不适用于Chrome上的触摸屏显示器，因为触发了不同的事件。