Jquery 未触发可排序事件

Question

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

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 以防万一。

Answer 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>

Jquery 未触发可排序事件

Jquery Sortable Events Not Firing

javascript

jquery

html

jquery-ui

jquery-ui-sortable