Jquery ui可排序引导模式中位置的首次拖放问题

对于第一次执行的事件，我面临一个拖放问题。这个问题与我第一次将图像拖放到另一个位置时图像的位置有关

问题如下所示。

代码如下：

$(document).on("click", ".make_pdf", function(){
    var url = $(this).attr('url');        
    $('.modal-body').html('Loading...');
    $('.modal-body').load(url,function(result){
        $('#make-pdf').modal({show:true});
        $( this ).children('.user-settings').children('.pdf-list').children('#sortable').sortable();
        $( this ).children('.user-settings').children('.pdf-list').children('#sortable').disableSelection();
    });
});

了解更多信息。这个拖放操作在没有模式的情况下可以正常工作，所以你能帮我用引导模式解决这个问题吗

这里是js小提琴链接。 请增加JSFIDLE中输出窗口的高度和宽度

JSFIDLE图像链接。 这对我很有用

$(document)
  .on('mouseup', function() {
    $('.modal').css('overflow', '');
  })
  .on('mousedown', '.ui-sortable-handle', function() {
    $('.modal').css('overflow', 'hidden');
  });

---

我也遇到了同样的问题，这是jquery的一个bug，如果您在sortable的parents div上使用“overflow:auto”，那么它会追加。加载页面并向下滚动时，如果拖动项目，jquery第一次错误地计算辅助元素的位置“top”

因此，对于我来说，此解决方案效果良好，我只需在第一次拖动时刷新可排序表的位置：

var firstDrag=true；
$（“ul”）。可排序(
{
开始：功能（e、ui）
{
//仅在第一次拖动时刷新位置
如果（第一次拖动）
{
$（此）。可排序（“刷新位置”）；
firstDrag=false；
}
})

请为您的问题创建一个简单的小提琴。请，我们不能不看到任何代码…好的，我已经添加了，请检查这个链接，为了解决这个问题，您必须增加JSFIDLE中输出窗口的高度和宽度。