javascript - jQuery 可排序保持表格的宽度

Question

无法为 jquery 的 sortable 找到一个简单的解决方案以在拖动元素期间保持表格的宽度，forcePlaceholderSize 这次实际上不起作用，如果表格有一些大元素 - 如果我开始拖动它然后表格调整大小为静止-table 元素的最大宽度，所以这是我所做的:

jQuery("#sortable1").sortable({
    items: "tbody:not([not-sortable])",
    cursor: "move",
    zIndex: 9999,
    start: function (event, ui) {
        var colW = jQuery(".faq_glyph_owner").width();
        self.textWidth = ui.item.innerWidth() - colW * 3;
        jQuery(".faq_text").width(self.textWidth);
        jQuery("#sortable1").css("table-layout", "fixed");
        ui.item.find("div").parent().width(self.textWidth + colW);
    },
    stop: function (event, ui) {
        jQuery("#sortable1").css("table-layout", "auto");
    }
});

所以我通常只是计算它应该是的大小并对表格应用固定布局，here is sample of this with table .所以我的问题是:是否有任何内置方法可以在排序期间保持表格宽度，就好像拖动的元素仍在表格内一样？请注意，我不想保持表格的布局固定。 p>

附言请忽略“jQuery”，我们仍然有干扰它的遗留原型(prototype)代码

Answer 1

var fixHelper = function(e, ui) {  
  ui.children().each(function() {  
  console.log(e);
    $(this).width($(this).width());  
  });  
  return ui;  
};

$("#sortable1 tbody").sortable({  
    helper: fixHelper  
}).disableSelection();

JSfiddle

Source article