jQuery UI .sortable很跳跃

我使用嵌套的排序来创建UI编辑器。基本上类似于我猜想的portlet。用户拿起小部件或小部件持有人，并可以将它们移动到屏幕上，然后保存。他们真的很蠢，不喜欢进入某些地方。看起来他们似乎喜欢被自上而下拖拽。我已经尝试向持有者和小部件添加填充，但似乎并没有让它更好。有没有人知道一个非常好的方法使这个垃圾更准确？我尝试了几乎所有我能找到的东西....我理解这个问题（大部分），我只是无法弄清楚一个问题。一个问题是，当它陷入某个位置时，某种东西会移动，有时会发生什么样的动作会使布局剧烈变化，并且占位符会来回跳动以解决问题。我不明白为什么我不能让它去虽然支架顶部...这是我的JS：jQuery UI .sortable很跳跃

$(".widget_holder").sortable({ 
     distance: 30, 
     revert: true, 
     items: ".widget", 
     opacity: .8, 
     scroll: true, 
     scrollSensitivity: 100, 
     scrollSpeed: 100, 
     handle: ".move_widget", 
     dropOnEmpty: true, 
     tolerance: "pointer", 
     cursorAt: { top:0, left: 0 }, 
     start: function(e, ui){ 
     $(".widget_holder", ui.item).hide(); 
     $('.widget').addClass("drag_padding"); 
     $(".widget_holder").addClass("holder_hover").addClass("drag_padding").sortable("refresh"); 
     }, 
     update: function(e, ui){ 
     if(this === ui.item.parent()[0]) { 
     updateByHolder(); 
     } 
     }, 
     stop: function(e, ui){ 
     $(".widget_holder", ui.item).show(); 
     $('.widget').removeClass("drag_padding"); 
     $(".widget_holder").removeClass("holder_hover").removeClass("drag_padding"); 
     } 
    }).sortable(
     "option", "connectWith", '.widget_holder' 
    );

来源

2013-01-25 Shane Stebner

你能提供链接到你尝试过的网站吗？我认为这可能是一个CSS问题。 – flec

很抱歉，我找不到任何东西在您提供的网站上拖动。 – flec

将鼠标悬停在小部件上，它有三个弹出按钮。左边的是拖动。（右下角的弹出窗口用于持有者，左上角用于窗口小部件）如果您没有看到它们，那么您使用的浏览器是什么？我可能需要修复那个。我使用铬和它的作品。 –