Question

左边有4个拼图，右边有4个拼图。我需要将这些片段从右侧拖到左侧并让它们加入......问题是，我的内容是可扩展的，所以如果我将一个片段放到dropspot上，当我调整页面大小时它将保留在那里并且不会配有左侧拼图。我已经读过有关偏移的内容，在这种情况下会有帮助吗？

这里是我尝试使用div作为丢弃点，但是当我在他们身上时，我不能使碎片适合掉落点，如果我调整页面大小，则碎片不会加入：

http://jsfiddle.net/zf66b/7/

代码：

$(function() {
    for(var i = 0; i < piesedrag.length; i++)
    {
    $(piesedrag[i]).draggable
    ({
        containment: "#decor",
        cursor: "move",
        revert: "invalid",
        });
    }

    for(var i = 0; i < dropspot.length; i++)
    {
          $( dropspot[i] ).droppable({  
            /*  tolerance: "intersect",*/

          drop: function( event, ui ) 
            {
            tolerance: 'intersect'
            }    
        });
    }

});

Answer 1

为了使其正常工作，您必须将大小和位置从百分比更改为固定值，以下是一些修复：

right {
  left:400px;
  width:200px 
}
.left {
  left: 0px;
  width: 200px;
}
#dropspot3 {
/* margin-left: 34%; */
width: 150px;
}

为每个dropspot固定宽度设置并删除边距百分比。

拖放可伸缩内容offset（）

1 个答案: