Question

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

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

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

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

此致

Answer 1

这可以帮助你：＆＃39;您只需左键单击元素，它就会变为活动状态＆＃34;拖动＆＃34;元素和用户可以在屏幕上移动鼠标，然后在第二个左键单击停用＆＃34; drop＆＃34;元素。＆＃39;

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上的触摸屏显示器上不起作用。

jQuery可排序，但点击工作

1 个答案: