jquery - 当我使用可排序时，滚动正在下降

Question

我有这些js文件：

https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
http://code.jquery.com/ui/1.8.18/jquery-ui.min.js
Functions.js

这个html：

<ul id="sortable">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
</ul>

在 中Functions.js，我有：

$(function () {
    $("#sortable").sortable({
        cancel: ".fixed"
    });
    $("#sortable").disableSelection();
});

在我的 jsfiddle 中，它有效：

http://jsfiddle.net/alonshmiel/ZV6sF/1/

但是在我的项目中，当我尝试一个接li一个地选择和订购它时li，滚动一直向下直到页面底部。

有人知道为什么会这样吗？

任何帮助表示赞赏！

Answer 1

您可以为可排序对象设置包含选项，以便列表元素只能在其容器内拖动。例如：

$(function () {
    $("#sortable").sortable({
        cancel: ".fixed",
        containment: "#sortable"
    });
    $("#sortable").disableSelection();
});