2017-03-23 8 views
1

私はJquery-uiを使ってアイテムをあるリストから別のリストにドラッグしていますが、マウスを押すことなく要素をドラッグできるようにしたいと思います。要素がカーソル上でクリックされ、再度押すと、カーソルが置かれている位置の項目になります。mousedownなしでアイテムをドラッグ

Jquery-uiでドラッグ可能または並べ替えることができるかどうかわかりません。だから私はあなたの助けに感謝します。

+0

タフな1つ!これを行うには、jQuery UIをモンキーパッチする必要があります。私はそれを撃つつもりだ! –

+0

こんにちは@StevenMoseley、私はコードhttp://stackoverflow.com/questions/14445375/trigger-click-and-hold-eventを見てきましたが、動作させることができません。それはまさに私が欲しいものですが、Jqueryu-ui – Joseph

+0

でSortableを使用しています。残念ながら、その答えはjQuery UIコンポーネントを使用していません。下に構築したものを使って、あなたが望むことをするためにjQuery UIをハックする必要があります。 –

答えて

1

これは答えではありませんしかし、これはおそらく1の始まりです。

私はドラッグ可能なステータスを切り替えて、クリック時に基礎となるウィジェットをプルすることができました。

残念ながら、私はmousemoveでドラッグを「開始」および「停止」するトリガーを見つけることができません。

私はこの作業を続ける時間がありません。うまくいけば、誰かが私がどこで中断したかを拾うことができる:

$('div.draggable-text').draggable({ disabled: true }).data('draggable', false); 

$('div.draggable-text').on('click', function (event) { 
    // Toggle status 
    var draggable = !$(this).data('draggable'); 
    $(this).data('draggable', draggable); 
    $(this).draggable(draggable ? 'enable' : 'disable'); 

    // Get widget 
    var widget = $(this).data("ui-draggable"); 
    console.log(widget); 

    // Trigger widget start or stop event 
    if (draggable) { 
     //widget._mouseStart(event); 
     widget._trigger("start", event); 
    } else { 
     //widget._mouseStop(event); 
     widget._trigger("stop", event); 
    } 
}); 
関連する問題