'原始位置'jQuery UI REVERT

时间:2013-11-12 19:46:02

标签: jquery jquery-ui jquery-ui-sortable jquery-ui-draggable jquery-ui-droppable

我正在使用jQuery UI Sortable库,你可以在这里看到示例:

Sortable lists jQuery UI

我正在使用'revert'函数,如果没有放入可放置的区域,它应该恢复我的元素的位置;问题是,由于某种原因,如果我拖动并越过一个可放置的区域然后出去,那么我释放该元素并且它恢复但是到了我做过的最后一个可放置的区域。我希望它恢复到原来的位置......希望我自己解释得很好。

谢谢!

http://jsfiddle.net/3xW8g/

enter code here

1 个答案:

答案 0 :(得分:0)

以下是您的小提琴的更新版本:fiddle

我为你的sortables添加了一个停止处理程序:

  stop: function (event, ui) {

        var placePos = ui.placeholder.position();
        var placeWidth = ui.placeholder.outerWidth();
        var total = placePos.left + placeWidth;
        if (ui.position.left > total) $("#sortable1").sortable("cancel");
    }

我希望这就是你要找的东西。

编辑:这是使用beforeStop处理程序的另一个版本,因为我看到停止可能存在问题。 newFiddle