1

テーブル内のある行を別の行に移動できるように、jquery のドラッグ アンド ドロップが機能しています。

デモはこちら: http://www.aussiehaulage.com.au/Default.aspx

jquery-ui-1.8.22 を使用して、テーブルをドラッグ/ドロップ可能にします。

私のJavaScriptは：

 $(document).ready(function () {

        $(".draggable").draggable({
            helper: function () { return "<div class='ghost'></div>"; },
            start: resizeGhost,
            revert: 'invalid'
        });

        $(".droppable").droppable({
            hoverClass: 'active',

            drop: function (event, ui) {
                var target = $(event.target);
                var draggable = ui.draggable;

                draggable.insertBefore(target);
            },
            tolerance: 'touch'


        });



    });

ただし、行を移動すると、マウスカーソルがドロップ可能なテーブルの2つの行の間にある場合、両方のドロップ可能な行が強調表示されます.一度に1つのドロップ可能な行のみが強調表示されるようにする必要があります..

これは可能ですか？

4

1 に答える 1

2

公差適合または交差のいずれかを使用して、ドロップ可能な要素に新しいオプションを追加します

   $(".droppable").droppable({
        hoverClass: 'active',
        tolerence: 'intersect',
        drop: function (event, ui) {
            var target = $(event.target);
            var draggable = ui.draggable;

            draggable.insertBefore(target);
        },
        tolerance: 'touch'

    });

参考までに：jquery-ui

于 2012-08-14T01:15:20.150 に答える