javascript - jQuery UI - 可排序未触发？

Question

我正在尝试让 jQuery UI 可排序插件正常工作，我创建了一个如下所示的列表:

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

我已经包含了插件脚本文件:

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

所以我只是尝试在 .sortable 运行并且警报框显示之前放置警报框。但把它放在 .sortable 之后是行不通的。这意味着 .sortable 失败了，对吗？

我已经包含了脚本并将它们放在 html 文档的头部。

<script type="text/javascript" src="js/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.mouse.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.sortable.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.widget.min.js"></script> 

哪一个是正确的？实际运行 .sortable 的函数与所有其他 js 片段和插件一起位于合并的 js 文件中。

Answer 1

确保您以正确的顺序包含正确的文件，更简单的方法是直接从此处的 jQuery UI 下载完整或部分包(无论您需要什么):http://jqueryui.com/download

下载时，您将获得一个缩小的 js 文件(当前版本的 jquery-ui-1.8.1.custom.min)，而不是单个脚本。如果缓存 header 设置正确，客户端会缓存一次。

<小时/>

或者，直接包含来自 CDN 的脚本，例如 here's google's copy :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>

这样做应该可以避免您因各种小部件而遇到的许多依赖问题。另请注意，如果您使用默认主题 see this question for a list，Google 也会托管主题。 ，将链接从 1.7.2 更新到您的版本，例如1.8.1 在回答时。