javascript - 为什么 jquery ui draggable 在这个例子中很慢

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;
}