未捕获TypeError：$(...).sortable不是Rails 6中的函数
未捕获TypeError：$(...).sortable不是Rails 6中的函数
提问于 2021-11-10 14:42:45
Strugle很多，但不能解决这个问题。这对我来说是个噩梦。我使用的是Rails6.0和jquery ui "jquery-ui"："^1.13.0“。我已经添加了gem gem 'acts_as_list'和作为yarn add jquery-ui添加纱线。
我已经在application.js文件中添加了
`require("jquery-ui/ui/widget")
require("jquery-ui/ui/widgets/sortable")`并添加了代码
$(document).on("turbolinks:load", () => {
$("#employeeLevel").sortable({
handle: '.handle',
update: function(e, ui) {
Rails.ajax({
url: $(this).data("url"),
type: "PATCH",
data: $(this).sortable('serialize'),
success: function(result){
console.log('my msg'+result);
}
});
}
});
})在index.html.slim中添加id为
tbody id="employeeLevel" data-url="<%= sort_employee_levels_path %>"等待你的回复。提前谢谢你
回答 1
Stack Overflow用户
发布于 2021-11-10 19:56:42
这就是我对sortable的要求：
import 'jquery'
import 'jquery-ui/themes/base/core.css'
import 'jquery-ui/themes/base/theme.css'
import 'jquery-ui/ui/widgets/sortable'
import 'jquery-ui/themes/base/sortable.css'您可能需要在config/webpack/environment.js中公开jQuery
// Expose jQuery to scripts external to webpack
environment.loaders.append('expose', {
test: require.resolve('jquery'),
loader: 'expose-loader',
options: {
exposes: ['$', 'jQuery']
}
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69915260
复制相关文章
相似问题
腾讯云开发者
