Question

我有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个可放置的行..

这可能吗？

Answer 1

使用公差拟合或交叉

在droppable元素中添加新选项

   $(".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

只允许一个可放置区域jquery拖放

1 个答案: