jquery 2.1.1可排序的例子不起作用

时间:2014-06-17 15:49:12

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

我无法使用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。谢谢你的帮助

2 个答案:

答案 0 :(得分:2)

您需要包含jQuery UI脚本

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

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

答案 1 :(得分:2)

您在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