拖放并计算宽度

Question

我想在我的拖放应用程序中计算并选择拖放区域。

我想做什么：

1. 当我将框拖到可放置div的顶部或底部时，宽度必须为100％
2. 当我将盒子拖到另一个盒子附近时（如果连续一个盒子），它们的宽度必须是50％ - 50％
3. 如果一个拖动框并且更改了哪个框已经在包装中，则必须再次计算它们。

Here is my example code

$(".box").draggable({
    snap: '#droppable',
    snapMode: 'outer',
    revert: "invalid",
    cursor: "move",
    helper: "clone"
    //connectToSortable: "#droppable"
});

$("#wrapper").droppable({
    drop: function(event, ui) {
        var dropped = $(ui.draggable).clone();
        var droppedOn = $(this);
        $(dropped).detach().css({
            top: 0,
            left: 0
        }).appendTo(droppedOn);
        $(this).addClass("ui-state.highlight").find("p").html("");
    }
});

请告诉我如何做到这一点？

由于

Answer 1

看看这个JQFAQ.com主题，这将帮助您设置计算的宽度，我们可以删除指定区域中的元素。还有一些示例常见问题解答。