jQuery可排序的删除时调整大小

一个很简单的问题我有一些可排序的无序列表

图像的大小按绝对值调整为div，li的class

.image\u block

具有宽度/高度，浮动为100px，类似这样

以及其他一些具有不同li高度和宽度的单独列表

因此，我想要实现的是，只要我从它添加的任意宽度/高度中拖动一幅图片，它就会

。image\u block

目前我有一个不起作用的

    $(".dragable_column").sortable({opacity: 0.8, cursor: 'move',connectWith: ['.dragable_column','.dragable_userimages'],

    receive: function(event, ui) {
        $(this).removeClass(".image_block");
 },

    start: function(event, ui) {
        $(this).addClass(".image_block");
    } 

}))

}))

---

任何帮助都将被大大估价类名称中不应包含

字符。事实上，它在类名中是非法字符。您将CSS/jQuery选择器与元素类混淆。选择器

.image\u block

与表示“具有类

image\u block

的元素”相同，即没有

尝试更改代码以使用类

图像块

---

而且，你的HTML是不可靠的。除此之外，你需要关闭你的

img

标签并使用

来关闭你的列表，而不是

好吧，我知道要这样做很简单，只需更改

ui.helper

对象的宽度和高度，我就是这样做的

$(".dragable_column").sortable({opacity: 0.8, cursor: 'move',connectWith: ['.dragable_column','.dragable_userimages'],

    receive: function(event, ui) {
        $(ui.item).removeClass("image_block");
        var height = $(this).attr("row_height");
        $(ui.item).attr("style","height:"+height+";");


    },

    start: function(event, ui) {
    $(ui.helper).width(100).height(100);

    } 
});

$(".dragable_userimages").sortable({opacity: 0.8, cursor: 'move',connectWith: ['.dragable_column'],
    receive: function(event, ui) {
        $(ui.item).attr("style","");
        $(ui.item).addClass("image_block");
    }
});

---

我发现这个解决方案非常有效：

$("ul.sortable").sortable({
    placeholder: "highlight",
    start: function(event, ui) {
        // Resize elements
        $(this).sortable('refreshPositions'); 
    }
});

---

来源：

@Riskeh如果这已经回答了您的问题，您可以单击我答案旁边的勾号将其标记为已接受。

$("ul.sortable").sortable({
    placeholder: "highlight",
    start: function(event, ui) {
        // Resize elements
        $(this).sortable('refreshPositions'); 
    }
});