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上的觸摸屏顯示器，因為觸發了不同的事件。