0

jQuery UI を使用せずにドラッグ アンド ドロップを実行しようとしています。(200kb はロードするには多すぎます)

2 つの問題があります。

  1. ドラッグした要素を特定の要素にスナップする方法がわかりません。jQuery UI で「スナップ」のようなオプションを提供できることは知っていますが、プレーンな jQuery でこれを行う方法がわかりません。

  2. 要素をドラッグするときに、どこでカーソルをポインタ アイコンに変更できますか?

次のコードがあります。

var dragging =null;

obj = $('table td');

$(obj).click(function(e){
    if(dragging){
        dragging = null;
    }
    else{
        dragging = $(e.target);
    }
})

$(document.body).mousemove(function(e){
    var el_w = $(obj).width();
    var el_h = $(obj).height();
    if (dragging) {
        dragging.offset({
            top : e.pageY-el_h/2,
            left : e.pageX-el_w/2
        })
    }
})

私はGoogleを検索しましたが、ほとんどすべての結果がjQuery UIを示唆しています... :(

4

1 に答える 1

0

カスタムビルド

jQuery UI のカスタム バージョンをダウンロードできます。このリンクに従って、下部に移動し、[ダウンロード] をクリックします。

ドラッグのみ

サイズは32kbです。最新の Web サーバーgzipはファイルを転送するため、8.66kbの転送が発生します。他のファイルと組み合わせて、ネットワーク要求の数を減らすこともできます。

別

驚くべき Chris Coyer は、$.draggablejQuery UI を模倣する小さなプラグインを作成しました。

注：あらゆる種類のスナップなどを実行するには、彼のコードを変更する必要があります.

jQuery UI なしでドラッグ可能

Closure Compiler で縮小すると、ファイル サイズは0.769kbまたは0.353kb gzip になります。

このオンライン Closure Compilerから得られたすべての統計

于 2013-07-31T21:29:54.057 に答える