爲什麼在這個例子中，jQuery UI拖動速度很慢

Question

在jQuery UI網站中，可拖動的示例很快。但有了這個標記，這個插件是非常緩慢：

$("ul.projects").sortable({ 
    items: ".ui-state-default", 
    containment:"parent", 
    cursor:"move", 
    cursorAt:{left: 90} 
}); 

Codepen

Answer 1

刪除所有轉變爲ul.projects li。它使動畫變慢。 或關閉它們爲.ui-sortable-helper：

ul.projects li:not(.ui-sortable-helper) { 
    float: left; 
    margin: 0px 6.5px 12px; 
    cursor: pointer; 
    -webkit-transition: all 0.2s linear; 
    -moz-transition: all 0.2s linear; 
    -ms-transition: all 0.2s linear; 
    -o-transition: all 0.2s linear; 
    transition: all 0.2s linear; 
}