我正在尝试实现HTML5 Sortable,但在控制台中出现以下错误:

Uncaught TypeError: $(...).sortable is not a function

at HTMLDocument.ready (checklistentries.self-d4e56bc….js?body=1:6)

at fire (jquery.self-bd7ddd3….js?body=1:3233)

at Object.add [as done] (jquery.self-bd7ddd3….js?body=1:3292)

at jQuery.fn.init.jQuery.fn.ready (jquery.self-bd7ddd3….js?body=1:3543)

at HTMLDocument. (checklistentries.self-d4e56bc….js?body=1:8)

at HTMLDocument.dispatch (jquery.self-bd7ddd3….js?body=1:5227)

at HTMLDocument.elemData.handle (jquery.self-bd7ddd3….js?body=1:4879)

at Object.t.dispatch (turbolinks.self-c5acd7a….js?body=1:6)

at r.t.Controller.r.notifyApplicationAfterPageLoad (turbolinks.self-c5acd7a….js?body=1:6)

at r.t.Controller.r.pageLoaded (turbolinks.self-c5acd7a….js?body=1:6) ready @

checklistentries.self-d4e56bc….js?body=1:6 fire @

jquery.self-bd7ddd3….js?body=1:3233 add @

jquery.self-bd7ddd3….js?body=1:3292 jQuery.fn.ready @

jquery.self-bd7ddd3….js?body=1:3543 (anonymous) @

checklistentries.self-d4e56bc….js?body=1:8 dispatch @

jquery.self-bd7ddd3….js?body=1:5227 elemData.handle @

jquery.self-bd7ddd3….js?body=1:4879 t.dispatch @

turbolinks.self-c5acd7a….js?body=1:6

t.Controller.r.notifyApplicationAfterPageLoad @

turbolinks.self-c5acd7a….js?body=1:6 t.Controller.r.pageLoaded @

turbolinks.self-c5acd7a….js?body=1:6 (anonymous) @

turbolinks.self-c5acd7a….js?body=1:6

html.sortable.js文件位于app / assets / javascripts中。

application.js中:

//= require jquery

//= require autoNumeric

//= require jquery_ujs

//= require html.sortable

//= require turbolinks

//= require bootstrap-sprockets

//= require_tree .checklistentries.js.coffee:

$(document).on 'turbolinks:load', ->

ready = undefined

ready = ->

$('.sortable').sortable()

return

$(document).ready ready网页来源:

我不知道为什么它不能识别可排序的函数,这显然在根据说明从github repo获得的html.sortabla.js文件中明确,并且js在我的页面之前加载。请帮忙!

c if sortable html,Rails 5 - html5sortable - sortable不是HTMLDocument.ready中的函数相关推荐

  1. sortable vue 排序_Vue使用Sortable步骤详解

    这次给大家带来Vue使用Sortable步骤详解,Vue使用Sortable的注意事项有哪些,下面就是实战案例,一起来看一下. 之前开发一个后台管理系统,里面用到了Vue和Element-UI这个组件 ...

  2. sortable vue 排序_vue 使用 sortable 实现 el-table 拖拽排序功能

    本文给大家介绍vue 使用 sortable 实现 el-table 拖拽排序功能,具体内容如下所示: npm 下载: npm install sortablejs --save 引入: import ...

  3. jquery sortable简述

    jquery sortable  概述 Selectable插件允许用户对指定的元素进行选中的动作.此外还支持按住Ctrl键单击或拖拽选择多个元素. 官方示例地址: http://jqueryui.c ...

  4. jquery sortable的拖动方法内容说明和示例详解(转载http://www.jb51.net/article/45803.htm)

     所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象 ui.helper - 表示sortable元素的JQuery对象,通常是当前元素的克隆对象 u ...

  5. jquery.ui.sortable 笔记

    所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象 ui.helper - 表示sortable元素的JQuery对象,通常是当前元素的克隆对象    u ...

  6. sortable的基本属性

    所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象    ui.helper - 表示sortable元素的JQuery对象,通常是当前元素的克隆对象   ...

  7. JQuery UI - sortable

    ·概述 Selectable插件允许用户对指定的元素进行选中的动作.此外还支持按住Ctrl键单击或拖拽选择多个元素. 官方示例地址:http://jqueryui.com/demos/sortable ...

  8. 使用Sortable.js和Touch.js实现App定制首页

    需求 1,页面为分为A.B两部分,上下布局,A为已选,B为备选. 2,要求A部分允许横向滚动,B部分要求纵向滚动. 3,要求A部分操作手势为[长按移动],B部分操作手势为[点击移动]. 实现 使用 S ...

  9. Sortable简单好用的拖拽排序工具

    Sortable超简单好用的拖拽排序工具 很好的拖拽排序工具,支持原始js,vue ,react,angular,可惜官网访问太慢,将文档整理放博客里,随时访问,https://www.npmjs.c ...

最新文章

  1. windows下VS2015配置caffe
  2. HBuilder 模拟器连接默认端口
  3. GC之7大垃圾收集器详解(下)
  4. 【SpringBoot】spring boot + mybatis + druid
  5. java删不了_java – 为什么我不能删除项目?
  6. 音乐u盘排序软件_传输数据快速的各种U盘系列 定制U盘
  7. VS2017编写C++多文件时,出现LNK2005、LNK1169报错的解决方法
  8. 强大高可用的数据可视化神器plotly_express实践记录
  9. 异步fifo_【好设计论文】一种面向异步FIFO的低开销容错机制研究
  10. C#基于Socket的局域网即时通信和传输文件程序
  11. 05_经典电影台词(一)
  12. ADIS16465 加速度和陀螺仪数据融合及调试(kalman滤波)
  13. 博弈美业SAAS系统,美业系统源码-主要功能
  14. 树莓派计算模块CM4搭建软路由OpenWrt+OpenClash过程记录
  15. TBS1072B数字示波器波形截图流程
  16. 不小心删除了gitlab远端分支怎么恢复
  17. android国外网站
  18. springboot集成阿里云短信验证码
  19. 交互媒体第一阶段报告
  20. Solr基础知识总结

热门文章

  1. 关于淘宝购物的一点心得
  2. (转)证券行业信息化——9
  3. Web Service详细解析及使用方法
  4. springboot启动源码解析(三):初始化启动上下文、初始化监听器列表、发布开始启动事件
  5. 软件项目开发与管理(赢得值概念)
  6. SAP_ABAP_视图
  7. 软件工程师适合去芯片公司吗?
  8. Attention 一综述
  9. 【Mysql面试高频】- drop、delete、truncate的区别,是否是DML或者DDL的,能否回滚
  10. 【数据分析项目实战】Python爬取BOSS直聘岗位和数据分析