javascript - 拖放和计算宽度

Question

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

我想做的：

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

这是我的示例代码

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