可拖动/可排序助手大小

Question

我想知道是否有人能帮我解决这个jquery可拖式排序问题？我有一些与一些可排序列表相连接的拖头。当可拖动的助手在可排序的上方，而可排序的占位符是可见的时，我希望可拖动的助手更改宽度(理想情况下是动画)为可排序区域的正确宽度。现在，高度可以保持不变，我只想要可拖动的助手宽度与可排序占位符宽度相匹配。

JSBin文件示例(http://jsbin.com/oHeGexa/5/edit)。所以让我说，我拖动绿色的正方形，这是40 up的宽度和高度时，被捡起。当它被移动到第一个可排序区域(150 to )上时，绿色方格的宽度为150 to。当它移动到第二个可排序区域时，它再次调整到250 to，这就是可排序大小，并且在移动到该区域时不断更改大小。

我似乎无法解决这个问题，因为我不知道如何从可排序的over方法中访问可拖动的助手。

我在谷歌上也找不到答案。谁能给我指明正确的方向。

Answer 1

下面是一个例子。

$(".dragMe").draggable({
    cursor: "crosshair",
    connectToSortable: ".sortMe",
    helper: "clone"
});

$(".sortMe").sortable({
    connectWith: "",
    forcePlaceholderSize: true,
    over: function(e, ui){ 
        ui.helper.width(ui.sender.width()-10); 
        ui.item.width(ui.sender.width()-10);
    }
});

http://jsbin.com/oHeGexa/7/edit

你会注意到一旦一个拖着的人进来

我必须对您的初始代码进行一些修改才能使其工作，因为。

设置connectWith:".sortMe"时，over函数在初始悬停在排序表上时不会触发。只有在将一个正方形放在一个可排序的位置之后，over函数才会被调用。更复杂的是，UI对象是不同的，这取决于over是从draggables还是sortables调用的。

当从排序器中拖动时，当悬停在不同的排序表上时，ui.sender.width()不会改变。

不管怎么说，这是个开始。不用说，如果您想要它工作，以便您可以拖动块到其他排序，并让它重新大小，一旦该块已经在一个可排序的领域，将需要更多的工作。我会再仔细研究一下，但还不容易搞清楚。