Jquery 可排序事件未触发答案

【问题标题】：Jquery Sortable Events Not FiringJquery 可排序事件未触发
【发布时间】：2015-10-12 21:50:57
【问题描述】：

很抱歉，如果这非常简单，但我看不出有什么问题，但更新事件（或我尝试过的任何事件）没有在可排序中触发。我尝试仅使用他们提供的基本示例创建一个简单的测试，但它仍然失败。任何人都可以帮忙吗？

HTML：

<ol class='example'>
  <li>First</li>
  <li>Second</li>
  <li>Third</li>
</ol>

我的 main.js

$(document).ready(function() {
$("ol.example").sortable({
    update:function(event, ui){
        alert("in the update");
    }
});

})

我发现的最接近的未解决问题是Why is sort the only event firing for jQuery UI .sortable()?。但这仍然没有帮助。我也尝试过对同样失败的事件使用绑定。我正在使用 jquery 1.9.1 版以防万一。

【问题讨论】：

您是否包含了所需的库？只是 jQuery 是行不通的。

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

【解决方案1】：

我认为你的 jQuery 库的包含有问题，请尝试替换：

<script type="text/javascript" src="jslib/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="jslib/jquery-ui.min.js"></script> 
<script type="text/javascript" src="jslib/jquery-sortable.js"></script>

作者：

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>

如果有效，请验证 jslib 文件夹中的库。

完整的工作代码：

<!DOCTYPE html>
<html>
    <head>
         <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
         <script type="text/javascript" src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
    <head>

    <body>

        <ol class='example'>
          <li>First</li>
          <li>Second</li>
          <li>Third</li>
        </ol>

        <script>
            $(document).ready(function() {
                $("ol.example").sortable({
                    update:function(event, ui){
                        alert("in the update");
                    }
                });
            });
        </script>

    </body>

</html>

【讨论】：

是的，我有。很抱歉，我没有包含该信息。我有以下内容：可排序确实有效。它只是不会触发事件。我也无法使用“启用”/“禁用”，因为它们也不起作用。
好的，我明白了，您的浏览器控制台中没有任何错误？你确定这 3 个库加载了吗？
Chrome 中没有错误。是的，我检查了它们是否已加载。排序部分正在运行，因此代码也在运行。只是因为某种原因没有事件。我尝试在触发的更新函数之外放置一个警报，所以我知道警报没有被阻止。
是的，很奇怪，在单独的文件中尝试完整的代码。
我在桌子上可排序时遇到了同样的问题。我按照上面的建议更改了库，整个事情都坏了，但是当我使用新库时，更新功能也开始工作了。为了修复我的表格，我必须将可排序应用到 tbody 标签而不是 table 标签，以防万一有人感兴趣。