javascript - Jquery 可排序事件未触发

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

如果这非常简单,我很抱歉,但我只是看不出有什么问题,但是更新事件(或我尝试过的任何事件)没有在 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()? .但这仍然没有帮助。我也尝试过对同样失败的事件使用绑定(bind)。我正在使用 jquery 版本 1.9.1 以防万一。

最佳答案

我认为你在 jQuery 库的 include 中有问题,请尝试替换:

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

关于javascript - Jquery 可排序事件未触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31572990/

相关文章:

javascript - 在 vuejs 中测试 firebase 函数

javascript - 在另一个函数中使用动态填充组合框的新值

jquery 获取单独行中的前一个列类

java - Google Web Toolkit 与 Straight Javascript 对于相当大和复杂的应用程序?

javascript - Jquery Mobile 复制自动分隔符

javascript - TypeError : usert. addItem 不是函数

javascript - 如何将原型(prototype)函数传递给我的对象而不需要调用它?

javascript - 使用 anchor 标记将 html 页面重定向到 php 页面

php - 多值插入复选框只有最后一个值正在进入数据库

javascript - v-for 将我的列表渲染为一行多列,而不是一列多行