【问题标题】:JQuery sortable (glich/jump) with overflown container带有溢出容器的 JQuery 可排序(故障/跳转)
【发布时间】:2013-01-06 18:46:39
【问题描述】:

问题是当列表溢出时:滚动并且您有许多 div,当您滚动到底部并尝试移动一个时,会出现一些小故障并跳转。有位置的东西:绝对?我想?

在 O/MS/FF 上运行良好,但在 Chrome 上运行良好

JSFiddle:http://jsfiddle.net/CezarisLT/Y7uV5/9/

<ul id="sortable">
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
    <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
    .....
</ul>

$( "#sortable" ).sortable({
    forceHelperSize: true,
    forcePlaceholderSize: true,
    revert: true,
    revert: 150,
    placeholder: "ui-state-highlight",
    axis: "y",
    tolerance: "intersect"
});

$( "#sortable" ).disableSelection();

编辑:我刚刚注意到official jquery-ui demo page上发生了同样的事情http://jqueryui.com/resources/demos/sortable/default.html 将窗口调小,向下滚动时您会注意到该错误。

谢谢。

【问题讨论】:

    标签: jquery jquery-ui google-chrome jquery-ui-sortable


    【解决方案1】:

    我已经设法用这两行代码防止了这个故障:

    var sortHeight = $("#sortable").innerHeight();
    $("#sortable").css({"min-height" : sortHeight});
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多