Jquery Ui可引导网格的可排序错误

时间:2013-07-11 16:07:06

标签: jquery jquery-ui twitter-bootstrap jquery-ui-sortable

这让我很受打击。 在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

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:2)

经过大量的研究后我找到了它,给占位符一个bootstrap类如span1-2-3-4 ......让它再次正常运行。

Answer包含解决方案。