jquery-ui - JQuery ドラッグ アンド ドロップ プラグインの初期化を遅らせる

Question

移動またはクリックが行われるまで、jQuery UI のドラッグ アンド ドロップ プラグインの初期化を遅らせることは可能ですか? これが可能かどうかはわかりません。Excel グリッドのように、ドラッグ アンド ドロップを使用するセルが大量にあり、パフォーマンスが良くありません。

Answer 1

delayまたはdistanceのいずれかを使用できます。

$( ".selector" ).draggable({ delay: 300 });

$( ".selector" ).draggable({ distance: 10 });

API ドキュメントから:

マウスダウン後、ドラッグが開始されるまでのミリ秒単位の遅延時間。このオプションを使用して、要素をクリックしたときに不要なドラッグを防ぐことができます。

Distance
マウスダウン後、ドラッグを開始する前にマウスを移動する必要がある距離 (ピクセル単位)。このオプションを使用して、要素をクリックしたときに不要なドラッグを防ぐことができます。

---

アップデート：

より標準的な機能を維持し、必要な場合にのみドラッグ可能を初期化するには、次のようなホバー関数を使用してみてください。

実施例

$('div').hover(function () {
    $(this).addClass('selector');
    $(".selector").draggable({
        //options
    });
},

function () {
    $('div').removeClass('selector');
});