javascript - 拖放并计算宽度

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主题，这将帮助您设置计算的宽度，我们可以将元素放置在指定区域。还有更多示例常见问题解答。