2011-11-16 12 views
10

jquery-ui-sortableをドラッグしているときにdragイベントを聴くには?jquery-ui-sortableのイベントをドラッグする

hit-n-trial戦略では、dragイベントをjquery-ui-draggableから試しましたが、動作しません。

$('.widget_container').sortable({ 
    drag: function(event, ui) { console.log('drag'); } 
}); 

答えて

26

使用この目的のためにsortイベント:それはあなたの代わりに "ドラッグ" の "並べ替え" を使用しなければならないと言うマニュアルの

$(".sortable").sortable({ 
    sort: function(e) { 
     console.log('X:' + e.screenX, 'Y:' + e.screenY); 
    } 
}); 

http://jsbin.com/kegeb

+0

すごいです!独創的な男。どのように私はそれを逃したのだろうか? –

+1

今私はそれを見たことが明らかです...ハハ。完璧! – daGUY

1

ドラッグへのユーザー開始すると、あなたがsortの代わりにhandleを使用する必要があるときには、イベントを処理する必要がある場合:

$(".sortable").sortable({ 
    handle: function(e) { 
     console.log('Handled'); 
    } 
}); 

意志がドラッグの開始時に発生したこのイベント、およびページがロードされたとき(​​)。

私はあなたにも、あなたのリストが更新されたとき、あなたの要素を処理するための正しい方法を説明し、この答えを、チェックすることをお勧め:Get order of list items in a jQuery Sortable list after resort

幸運

+0

私は 'handle'メソッドを試してみたところ、クリックとドラッグを区別できず、間違ってクリックをソートする機能が無効になっていました。 – ariebear

関連する問題