jquery - 带有引导网格的 Jquery Ui 可排序错误

Question

这几乎让我打败了。在 jquery ui 中打开占位符选项会导致它仅出现在左上角，如果您在对元素进行排序后查看动画，它会在进入它被放置的位置之前上升到左上角。

$(".widget-row").sortable({
        connectWith:".widget-row",
        helper:"clone",
        revert:true,
        placeholder: "ui-state-highlight",
        opacity:0.5,
         grid: [ 20, 10 ] ,
        start: function(e, ui ){
            ui.placeholder.height(ui.helper.outerHeight());
            ui.placeholder.width(ui.helper.outerWidth());
            //console.log(ui.helper.attr('id'));
        },
        update: function(event, ui){
            arrange_doc();
        }
    });

示例在Js Fiddle

任何帮助是极大的赞赏。

Answer 1

经过大量研究，我找到了它，给占位符一个引导类，例如 span1-2-3-4... 使它再次正常运行。

包含解决方案的答案。