jquery 2.1.1 可排序示例不起作用答案

【问题标题】：jquery 2.1.1 sortable example not workingjquery 2.1.1 可排序示例不起作用
【发布时间】：2014-06-17 15:49:12
【问题描述】：

我无法使用 jquery 2.1.1 和 jquery ui 1.10.4 使 jquery 可排序。我一直在使用http://jqueryui.com/sortable/ 上的示例，但我也无法让它工作。这是我的超级简单的测试用例：

    <ul id="sortable">
        <li id="A" class="ui-state-default">A</li>
        <li id="B" class="ui-state-default">B</li>
    </ul>

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

http://jsfiddle.net/Calidus/F38xS/6/

如果我使用 jquery 2.0.2 和 jquery ui 1.10.3，我可以让它工作，但它在使用较新版本时不起作用。我真的不想包含两个不同版本的 jquery。感谢您的帮助

【问题讨论】：

标签： javascript jquery jquery-ui jquery-ui-sortable

【解决方案1】：

您在 jsFiddle 中选择的 jQuery UI 引起了问题。

将以下内容添加到外部资源中：

//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css
//code.jquery.com/ui/1.10.4/jquery-ui.js

WORKING DEMO

资源：jQuery UI Sortable page

【讨论】：

这让我发现我的脚本包包含在正文中，而不是我实际网站上的头部。

【解决方案2】：

您需要包含 jQuery UI 脚本

<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

http://jsfiddle.net/F38xS/7/

【讨论】：

我的示例在添加脚本后有效。我的回答是正确的。这对我来说就像一个 jsfiddle 问题。