当占位符存在时,jQuery UI可排序长div奇怪

时间:2013-08-31 16:42:11

标签: jquery jquery-ui jquery-ui-sortable

在jQuery UI中,当创建一个尺寸小于原始项目的占位符时,可排序,如果你开始在列表中拖动一个长整数,它就不会开始排序,直到你超过DIV的原始高度,即使占位符要小得多。

然而,一旦你越过div的结尾,可以排序并且一切正常。

可排序代码非常简单:

$(document).ready( function(){
    $(".sortable").sortable({
        placeholder: "dropHelper"
    }); 
});

这是一个展示的jsfiddle。尝试在列表中对长div进行排序。

http://jsfiddle.net/YSMnX/3/

有关如何使其正常工作的任何想法?

1 个答案:

答案 0 :(得分:1)

这是重复的。类似的问题在这里:

jQuery sortable item height

在启动时调用sortable的refreshPositions方法可以解决问题。代码变为:

$(document).ready( function(){
    $(".sortable").sortable({
        placeholder: "dropHelper",
        start: function(e.ui){
          $(this).sortable('refreshPositions');
        }
    }); 
});

更新了jsfiddle:http://jsfiddle.net/YSMnX/5/