jQueryソート可能ですが、クリックして作業します

Question

私はjQuery UIを使用しています。もちろん、並べ替え可能なプラグインを使用すると、リスト内の要素をドラッグ＆ドロップすることができます。

ただし、1人のユーザーが、リストにスクロールが必要なときにドラッグアンドドロップするのが非常に難しいと訴えています。だから基本的には、左クリックでドラッグしてから左クリックしてドロップするのではなく、ホールドする代わりに左クリックします。

要素を左クリックするだけで、アクティブな「ドラッグ」要素になり、ユーザーは画面上でマウスを動かすことができます。その後、2番目の左クリックで要素を無効にします。

私は彼らのドキュメントを見ましたが、私を助けるものは見つけられないようです（http://api.jqueryui.com/sortable/）。誰にもこれを達成するためのアイデアやプラグインはありますか？

よろしく

Answer 1

これはこれであなたを助ける必要があります。 「あなただけの要素の上を左クリックしますと、それはアクティブな 『ドラッグ』要素となり、ユーザーは画面の周りにマウスを移動することができますし、それが続きます2番目の左クリックで要素を無効にします。

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

私はそれはあなたが必要なものであると思います。

サイドノート。これは、発砲されるさまざまなイベントのために、クロムのタッチスクリーンモニターでは機能しません。