2013-07-11 3 views
3

Это в значительной степени меня било. Включение опции placeholder в jquery ui приводит к тому, что она появляется только в левом верхнем углу, и если вы просматриваете анимацию после сортировки элемента, она поднимается в верхний левый угол перед тем, как идти туда, где она была удалена.JQuery Ui Sortable ошибка с сеткой бутстрапа

$(".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

Любая помощь очень ценится.

+0

Я думаю, что его bcoz сортируемые элементы имеют разную ширину. Действительно ли нужно иметь разную ширину? – Arunu

+0

Да, элементы станут виджетами, и пользователь может выбрать ширину, он отлично работает, за исключением случаев, когда я включаю опцию placeholder на @Arunu –

ответ

2

После тонны исследований я нашел его, предоставив заполнителю класс начальной загрузки, такой как span1-2-3-4 ... заставляет его вести себя нормально снова.

Answer содержащий решение.

0

Используйте jquery-ui.1.11.4.min.js, это решило мою проблему.