Jquery Ui自舉網格排序錯誤

這幾乎讓我跳動。在jquery ui中打開佔位符選項會導致它只出現在左上角，並且如果您在查看動畫後元素已經排序，它會在到達放置位置之前進入左上角。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

任何幫助是極大的讚賞。

來源

2013-07-11 Patsy Issa

我認爲它的bcoz可排序元素有不同的寬度。是否真的有必要有不同的寬度？ – Arunu

是的，這些項目將成爲小部件，用戶可以選擇寬度，除非我在@Arunu上打開佔位符選項 –

經過大量的研究後，我發現它，給佔位符一個引導類如span1-2-3-4 ......使其表現正常。

Answer包含解決方案。

來源

2013-07-11 18:29:53

使用jquery-ui.1.11.4.min.js，這解決了我的問題。

來源

2015-10-21 09:12:11

Jquery Ui自舉網格排序錯誤

回答

相關問題