拖放并计算宽度

Question

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

我想做什么:

1. 当我将框拖到droppable 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主题,这将帮助您设置计算的宽度,我们可以删除指定区域中的元素.还有一些示例常见问题解答.