c if sortable html,Rails 5 - html5sortable - sortable不是HTMLDocument.ready中的函数
我正在尝试实现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中的函数相关推荐
- sortable vue 排序_Vue使用Sortable步骤详解
这次给大家带来Vue使用Sortable步骤详解,Vue使用Sortable的注意事项有哪些,下面就是实战案例,一起来看一下. 之前开发一个后台管理系统,里面用到了Vue和Element-UI这个组件 ...
- sortable vue 排序_vue 使用 sortable 实现 el-table 拖拽排序功能
本文给大家介绍vue 使用 sortable 实现 el-table 拖拽排序功能,具体内容如下所示: npm 下载: npm install sortablejs --save 引入: import ...
- jquery sortable简述
jquery sortable 概述 Selectable插件允许用户对指定的元素进行选中的动作.此外还支持按住Ctrl键单击或拖拽选择多个元素. 官方示例地址: http://jqueryui.c ...
- jquery sortable的拖动方法内容说明和示例详解(转载http://www.jb51.net/article/45803.htm)
所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象 ui.helper - 表示sortable元素的JQuery对象,通常是当前元素的克隆对象 u ...
- jquery.ui.sortable 笔记
所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象 ui.helper - 表示sortable元素的JQuery对象,通常是当前元素的克隆对象 u ...
- sortable的基本属性
所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象 ui.helper - 表示sortable元素的JQuery对象,通常是当前元素的克隆对象 ...
- JQuery UI - sortable
·概述 Selectable插件允许用户对指定的元素进行选中的动作.此外还支持按住Ctrl键单击或拖拽选择多个元素. 官方示例地址:http://jqueryui.com/demos/sortable ...
- 使用Sortable.js和Touch.js实现App定制首页
需求 1,页面为分为A.B两部分,上下布局,A为已选,B为备选. 2,要求A部分允许横向滚动,B部分要求纵向滚动. 3,要求A部分操作手势为[长按移动],B部分操作手势为[点击移动]. 实现 使用 S ...
- Sortable简单好用的拖拽排序工具
Sortable超简单好用的拖拽排序工具 很好的拖拽排序工具,支持原始js,vue ,react,angular,可惜官网访问太慢,将文档整理放博客里,随时访问,https://www.npmjs.c ...
最新文章
- windows下VS2015配置caffe
- HBuilder 模拟器连接默认端口
- GC之7大垃圾收集器详解(下)
- 【SpringBoot】spring boot + mybatis + druid
- java删不了_java – 为什么我不能删除项目?
- 音乐u盘排序软件_传输数据快速的各种U盘系列 定制U盘
- VS2017编写C++多文件时,出现LNK2005、LNK1169报错的解决方法
- 强大高可用的数据可视化神器plotly_express实践记录
- 异步fifo_【好设计论文】一种面向异步FIFO的低开销容错机制研究
- C#基于Socket的局域网即时通信和传输文件程序
- 05_经典电影台词(一)
- ADIS16465 加速度和陀螺仪数据融合及调试(kalman滤波)
- 博弈美业SAAS系统,美业系统源码-主要功能
- 树莓派计算模块CM4搭建软路由OpenWrt+OpenClash过程记录
- TBS1072B数字示波器波形截图流程
- 不小心删除了gitlab远端分支怎么恢复
- android国外网站
- springboot集成阿里云短信验证码
- 交互媒体第一阶段报告
- Solr基础知识总结