Javascript jQuery可排序，但单击即可工作

我使用jQueryUISortable插件当然允许我的用户拖放列表中的元素，在列表更改时，我将触发一个ajax调用来保存有序列表

然而，一位用户抱怨，当列表需要滚动时，很难拖放。所以基本上我尝试做的不是按住鼠标左键拖动，然后松开鼠标左键拖放

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

我查看了他们的文档，但似乎找不到任何对我有帮助的东西（）。有人有任何想法或插件来实现这一点吗

---

关于

这应该对您有所帮助： '您只需左键单击该元素，它将成为活动的“拖动”元素，用户可以在屏幕上移动鼠标，它将随之移动，然后在第二次左键单击停用“拖放”该元素。'

HTML:

代码笔示例：

我希望这就是你需要的

---

旁注。这在chrome上的触摸屏显示器上不起作用，因为触发了不同的事件。

您能添加一个工作片段吗？只需单击并拖动一个项目。我刚刚尝试了你的codepen示例，只需单击一次鼠标左键，什么都不会发生，这也需要将一个项目插回UL，就像JQuery UI Sortable doesWorks为我提供的一样。你使用的浏览器是什么？@Canvas也为我提供服务，我在这里将他的代码与您的代码合并：看看这是否适合您。@Zues我使用的是chrome，您使用的是什么浏览器？：）此外，小提琴版本不起作用，我可以在中确认这一点，也就是说，但这需要跨浏览器工作。我使用的是chrome。。威尔德：）我会尽力调查到底是什么问题

<div id="draggable" class="ui-widget-content">
  <p>Drag me around</p>
</div>

$( function() {
  var dragging = false;

    $("#draggable").draggable();
  $("#draggable").mouseup(function(e){
    if(!dragging){
      dragging = true;
      e.preventDefault();
      return false;
    }
    else{
      dragging = false;
    }
  })
  } );