jQuery UI可排序将拖动对象的类添加到占位符以确定大小

我使用sortable对不同宽度x高度的div和砖石进行排序，以清理空白空间。如何将要排序的div的类传递给占位符，使它们具有相同的大小

这些箱子有单箱、双箱等。。。确定大小

例子： 问题是这些类没有被传递。Sortable在不识别占位符选项但将可见性设置为hidden时添加该类

代码：

---

不能在create事件上执行此操作，该事件在初始化可排序表时触发。相反，您可以设置

占位符：'placeholder'

，并使用

开始

事件向

用户界面添加额外的类。占位符

使其大小合适：

    itemList.sortable({
        placeholder: 'placeholder',
        start: function(event, ui) {
            var plus;
            if(ui.item.hasClass('single-single')) plus = 'single-single'; else
            if(ui.item.hasClass('single-double')) plus = 'single-double'; else
            if(ui.item.hasClass('single-triple')) plus = 'single-triple'; else
            if(ui.item.hasClass('double-single')) plus = 'double-single'; else
            if(ui.item.hasClass('double-double')) plus = 'double-double'; else
            if(ui.item.hasClass('double-triple')) plus = 'double-triple'; else
                 plus = 'single-single';
            ui.placeholder.addClass(plus);
        }});

您可能想要实现一个更复杂的类检测方法，它只是一个快速复制粘贴，所以我可以测试它

下面是演示：

    itemList.sortable({
        placeholder: 'placeholder',
        start: function(event, ui) {
            var plus;
            if(ui.item.hasClass('single-single')) plus = 'single-single'; else
            if(ui.item.hasClass('single-double')) plus = 'single-double'; else
            if(ui.item.hasClass('single-triple')) plus = 'single-triple'; else
            if(ui.item.hasClass('double-single')) plus = 'double-single'; else
            if(ui.item.hasClass('double-double')) plus = 'double-double'; else
            if(ui.item.hasClass('double-triple')) plus = 'double-triple'; else
                 plus = 'single-single';
            ui.placeholder.addClass(plus);
        }});