未捕获TypeError：$(...).sortable不是Rails 6中的函数
未捕获TypeError：$(...).sortable不是Rails 6中的函数
这个错误是因为在Rails 6中，$(...).sortable函数不再是Rails内置的函数。它实际上是jQuery UI库的函数，而在Rails 6中默认不再包含jQuery UI库。
解决这个问题的方法是手动添加jQuery UI库到Rails 6的应用中。可以通过以下步骤来实现：
- 在Gemfile文件中，添加jquery-ui-rails gem的引用：
gem 'jquery-ui-rails'- 运行
bundle install命令，以安装gem依赖。 - 在application.js文件中，添加jQuery UI库的引用。可以使用以下代码来引用整个jQuery UI库：
//= require jquery-ui或者，如果只需要sortable函数，可以只引用该函数：
//= require jquery-ui/sortable- 重新启动Rails服务器，以使更改生效。
现在，$(...).sortable函数应该可以正常使用了。它允许你对页面上的元素进行排序，可以用于实现拖拽排序等交互功能。
另外，在腾讯云中，如果你需要在云计算环境中运行Rails应用，你可以考虑使用腾讯云的云服务器CVM。腾讯云服务器提供了强大的计算能力和稳定的网络环境，适合部署和运行各种应用程序。你可以通过以下链接了解更多关于腾讯云云服务器的信息和产品介绍： 腾讯云云服务器CVM产品介绍
相关·内容
我遵循本教程来实现拖放。
我在drop上得到一个错误，上面写着Uncaught (为了承诺) TypeError:无法读取未定义的属性(读取'dataset')。对为什么会发生这种事有什么想法吗？
项目模式：
acts_as_list scope: :project
_project.html.erb
<div id="projects" data-controller="position">
<%= content_tag :div, data: { sgid: project.to_sgid_param, id: "
浏览 9提问于2022-09-07得票数 0
嘿，所有人，看看所有的堆栈溢出，这看起来像一个常见的错误，我就是不能理解。我正忙着将我们的站点从纯JS升级到jquery，为我们迁移到Rails 3.1做准备，现在我有了这个javascript：
:javascript
["Ownership", "Management", "EmploymentEquity", "SkillsDevelopment", "PreferentialProcurement", "EnterpriseDevelopment", "Socioeconom
浏览 0提问于2012-08-28得票数 0
回答已采纳
好吧，这很奇怪。突然之间，我所有的jQuery脚本在我的网站上都被禁用了。
我检查了jquery脚本的链接，它们仍然有效。Goth包含两个链接：
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery
浏览 0提问于2013-01-06得票数 1
回答已采纳
1回答
我非常确定这是某种Javascript错误，而不是Rails错误，在我的id上做了无数次put()试验后……
我想要做的是使用jQuery的serialize函数来序列化一堆li。我想基于一组自定义的id来做这件事...在我的例子中，podli-1、podli-2、podli-3等等。我尝试通过使用serialize "expression“选项来做到这一点。
当我尝试使用警报对其进行调试时(如下所示)，我得到的结果是: id=undefined&id=undefined&id=undefined&id=undefined&id=undefined&am
浏览 1提问于2011-08-02得票数 0
回答已采纳
我有一个包含以下(部分)代码的组件：
export default {
methods: {
mymethod: (x) => {alert(x)},
},
created: () => {
this.mymethod('success');
},
我得到了以下错误：
vue.esm.js?efeb:578 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'mymethod' of undefined"
看起来&
浏览 1提问于2018-04-17得票数 11
回答已采纳
我构建这个示例代码是基于我在应用程序中遇到的一个实际问题。我有一个定制的排序过程来对jQuery数组进行排序。容器包含具有特殊属性的项列表。
用于分类：
containerSorts 加载临时数组中的所有项将临时数组清除到一个新的数组中，将排序的项附加到容器中
不知何故，火狐知道如何排序，但IE不知道。能不能告诉我什么不能正常工作？
(您可以将下面的html复制到一个空的.html文件中，它应该立即工作)
<html>
<head>
<script type="text/javascript"
src="http://jquery
浏览 1提问于2009-06-04得票数 13
回答已采纳
我正在尝试向以下视图发出请求。但是，我得到了错误TypeError: echoplaca() got an unexpected keyword argument 'placa'。
@app.route(r'/enviaplaca/<placa>')
def echoplaca():
return "Numero de placa: {}".format(placa)
浏览 2提问于2017-05-12得票数 18
回答已采纳
是否存在阻塞和非阻塞的Javascript错误？
我的意思是，我已经看到我的站点报告了一些错误，但所涉及的过程仍然成功完成(据我所知)。这些错误包括: TypeError:未定义不是对象(计算'e.nodeName.toLowerCase') TypeError: e.nodeName未定义(它们总是来自我的通用JQuery库文件)
这就是我所说的“非阻塞”错误，因为所涉及的脚本似乎已经成功完成。
如果存在阻塞和非阻塞，那么它的正确术语是什么，我如何区分这两者之间的区别(例如，这样我就可以优先调查阻塞错误)？
谢谢
浏览 0提问于2017-06-18得票数 0
我正在尝试在一个typescript项目中扩展Pixi.Spride类。(我添加了一些其他属性)。但是当我实例化我的新对象时，我得到这样的结果：
未捕获TypeError:未定义不是函数。
下面是我的代码：
///<reference path="../lib/pixi.d.ts" />
enter code here
// Module
module test {
// Class
export class Card extends PIXI.Sprite {
public name: string;
浏览 3提问于2015-04-19得票数 1
2回答
我已经在我的应用程序中有几个javascript插件，它们可以找到(select2，bootstrap-datetimepicker，ckeditor，ace，chartkick)
尝试运行jquery-ui以添加一些可排序的列表/表。
无法在rails 4应用程序中运行Jquery-ui ...
# Gemfile
gem 'therubyracer', platforms: :ruby
gem 'jquery-rails'
gem 'jquery-ui-rails'
gem 'non-
浏览 3提问于2014-06-13得票数 0
1回答
使用Rails6实现sortablejs。一切都很顺利，直到我尝试使用toArray方法，而现在我无法让它正常工作。
我在刺激控制器中实例化sortable，如下所示：
import { Controller } from "stimulus";
import Sortable from "sortablejs"
export default class extends Controller {
connect() {
this.sortable = Sortable.create(this.element, {
animation
浏览 100提问于2021-05-14得票数 0
1回答
当我试图调用我的家庭控制器中的方法时，我得到了消息Uncaught TypeError:Undefined is not a function。
关于我为什么收到这条消息的建议？
findIdpActivities = function (pernr, callback) {
restEndPoint = serviceBase + 'Home/FindIdpActivities';
data = "{'perNr':'" + pernr + "'}";
makeJsonDataAjaxCa
浏览 0提问于2013-10-21得票数 2
回答已采纳
我无法在angular2中使用jQuery。我的一个朋友让它(在mac上)工作的地方，它不是在我的windows机器上。
错误：
jquery-ui.js:1 Uncaught ReferenceError: require is not defined
angular2.dev.js:23935 EXCEPTION: TypeError: jQuery(...).find(...).sortable is not a function in [null]
angular2.dev.js:23925 EXCEPTION: TypeError: jQuery(...).find(...).sor
浏览 3提问于2016-05-02得票数 1
我有一个ruby-on-rails应用程序，我正在尝试使用highcharts/modules/canvas-tools.js。我继承了这个应用程序，但highcharts文件并不在其中。我不太了解javascript，所以我甚至不确定这个应用程序是如何使用这些资源的。应该显示图表的页面却没有。当我尝试查看图表时，我在Chrome控制台中得到以下错误：
Uncaught TypeError: Cannot read property 'prototype' of undefined
控制台指的是以下几行：
// Extend CanVG renderer on demand,
浏览 0提问于2013-04-22得票数 1
回答已采纳
3回答
我正在尝试使用JQuery UI可排序插件，允许用户通过鼠标拖动来更改顺序或列表项。有问题的页面可以在上找到。
相关的JQuery代码在webapp.js中
$("#preferences_list").sortable({
placeholder: "placeholder",
forcePlaceholderSize: true,
update: function(event, ui) {
var order = $(this).sortable("
浏览 8提问于2011-08-27得票数 2
回答已采纳
我正在将一个旧的Rails 2.2.2项目迁移到Rails 3，在此过程中我一直在修复一些东西--最新的版本在下面。
undefined method `sortable'
显然，Rails 2.2.2有一个叫做"sortable“的方法或关键字？这是Rails 2.2.2框架的一部分吗？
在Rails 3中是否存在相同的功能？
如何将其更改为在Rails3中工作？
谢谢
<tr>
<th style="padding-left:20px;"><%= sortable "name", "
浏览 1提问于2013-03-25得票数 0
2回答
<div>
<ul id="sortable">
</ul></div>
<script>
$(document).ready(function(){
// Your code here
$( "#sortable" ).sortable();
$('#sortable').sortable( "disable" );
$( "#sortable" ).disableSelection
浏览 0提问于2012-09-24得票数 0
我有一个wxpython对话框，它在单击OK按钮时会引发一个TypeError异常。我想用unittest测试异常的发生，但是测试不像预期的那样工作。输出显示异常被引发。无论如何，单元测试都会通知测试失败：
"C:\Program Files (x86)\Python\python.exe" test.py
Traceback (most recent call last):
File "test.py", line 22, in on_ok
raise TypeError( 'TypeError raised' )
TypeErro
浏览 3提问于2016-11-08得票数 1
回答已采纳
我正在尝试用实现“拖放排序列表”( nested_attributes )。
不幸的是，我得到了错误的:position。它从2跳到5跳到7，即使总共只有三个位置。
我相信问题是隐藏的输入标签也在被计数。如果这是主要问题，有什么办法可以绕过这个问题吗？
// config/routes.rb
resources :recipes, except: :index do
resources :steps do
resource :step_position, only: :update
end
end
// app/views/recipes/_form.ht
浏览 6提问于2020-08-08得票数 0
我使用此代码从ul中排序子代。select运行良好，但在下面的错误中调用了值。li有一个值。
for (var i = 0; i < $("#sortable").children("li").length; i++) {
sortedPlayerIds[i] = $("#sortable").children("li:nth-child(" + (i + 1) + ")").val();
}
我得到了这个错误：
TypeError: (c.value || "").replace i
浏览 1提问于2012-01-17得票数 0
回答已采纳
我正在做Python (在Python2上)，在about_classes部分有点丢失。
这就是我不知道该做什么/发生了什么的代码：
class Dog5(object):
def __init__(self, initial_name):
self._name = initial_name
@property
def name(self):
return self._name
def test_args_must_match_init(self):
self.assertRaises(___, self.Dog5) # E
浏览 0提问于2016-01-19得票数 1
回答已采纳
我们的js播放器可以在firefox中正确加载，但不能在Chrome或IE中运行。我尝试了stackoverflow中提到的其他解决方法，以解决以下错误：
未捕获TypeError: Object #没有方法“fancybox”
4event.layerX和event.layerY在WebKit中被破坏和弃用。它们将在不久的将来从发动机中移除。
但是不起作用。我尝试异步加载js文件，但似乎无法在chrome和IE中加载。
这是我们的页面网址：
按下绿色的播放按钮应该会打开下一张幻灯片，你可以在firefox中看到。
浏览 4提问于2012-05-10得票数 1
Gemfile (我运行了包install和bundle update)：
gem 'jquery-rails'
gem 'jquery-ui-rails'
application.js：
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require jquery.ui.sortable
//= require_tree .
my_stylesheet.css：
/*
*= require jquery.ui.sortable
*/
当我重新加载网页Rails时，将
浏览 1提问于2014-05-22得票数 0
我需要从extjs网格中获取选定的记录 Uncaught TypeError: grid.getSelectionModel is not a function 我得到了这个视图 Ext.define( 'App.view.Measuries', {
extend: 'Ext.window.Window',
alias : 'widget.measuries',
title: 'Мероприятия',
autoShow: false,
modal: true,
resizable: true,
initComponent
浏览 34提问于2021-08-30得票数 0
回答已采纳
1回答
我有一个jQuery可排序列表，我正在序列化结果。
var data = $("#sortable").sortable('serialize');
结果如下：
item[]=41&item[]=49&item[]=51&item[]=35&item[]=58&item[]=45&item[]=32&item[]=36&item[]=26&item[]=27&item[]=33&item[]=31&item[]=29
现在，我希望使用jQuery $each来选择每个
浏览 1提问于2016-06-18得票数 0
回答已采纳
我使用带有jquery-ui-rails gem的ruby on rails 4。并且一些列表具有可排序的jquery函数。
$ ->
$('#projects').sortable
handle: '.handle'
opacity: 0.4
update: ->
$.post($(this).data('update-url'), $(this).sortable('serialize'))
这是我的代码，不是应用制表符缩进。
问题：
浏览 1提问于2013-10-26得票数 1
我在网上找到了这个，现在正试着把它放到TS中。
运行以下代码将抛出Uncaught TypeError: Cannot set property 'toggle' of null
@Injectable()
export class HomeUtils {
private canvas: HTMLCanvasElement;
private context;
private toggle = true;
constructor() { }
public startNoise(canvas: HTMLCanvasElement) {
浏览 1提问于2018-03-16得票数 16
回答已采纳
1回答
我从Rails3.2升级到Rails4.Uploadind文件
TypeError (wrong argument type ActionDispatch::Http::UploadedFile (expected String))
但是我注释了控制器中的所有行，我仍然得到这个错误！此错误仅在POST请求中出现。跟踪：
浏览 1提问于2013-07-22得票数 0
1回答
我在DataTable的actios列中放置了一个bootstrpa按钮组。该按钮由三个选项组成，每个选项调用一个单独的函数，并传入一个Id的值。
这都是在数据表的ColumnDefs部分设置的，如下所示：
"columnDefs": [
{ "visible": false, "targets": 7 },
{ "visible": true, "targets": 8 },
{
"t
浏览 2提问于2014-12-15得票数 0
我的“格式化程序”在对该行执行内联编辑后生成不正确的代码。在保存内联编辑并尝试单击该行的" edit：##“后，我将得到一个404。
1)当页面第一次加载(或重新加载)时，您可以看到链接的正确URL & html代码：
2)现在，我执行内联编辑，并单击“保存JqGrid操作”图标：
3) 错误->编辑链接现在似乎包含相同的代码两次：
我的网格的colModel：
colModel: [
{"width":"50","fixed":true,"search":true,"
浏览 0提问于2016-06-16得票数 1
回答已采纳
我正在构建一个Rails应用程序，并使用bootstrap-table生成一个表。我使用标签中的data- pagination ="true“字段对表进行分页。
分页工作正常，但用于选择页面大小的下拉列表没有打开。它看起来像一个可点击的下拉菜单，但当我点击它时没有任何反应。
(左边的按钮不起作用。)
这是我的Gemfile：
source 'https://rubygems.org'
git_source(:github) { |repo| "https://github.com/#{repo}.git" }
ruby '2.5.1'
浏览 3提问于2018-12-05得票数 0
打破这条链条的正确方法是什么？例如，如果我在catch中，我不希望执行以下两个then。
我曾经把catch放在最后，但后来把它移到了前面，觉得这可能会有帮助。事实并非如此。
return axios
.post(url, data)
.catch(error => {
const message = getBannerTextFailureMessage(liability, toStatus)
dispatch(showBanner(message, bannerConstants.typeError))
})
.then(response =>
浏览 1提问于2018-07-14得票数 1
我有我的网页的这个简化版本(它是一个混乱的IRL)：
<li id=section1 class=sortable_section>
<header>
<ul id=container1>
<li id=item1 class=sortable_item>
<li id=item2 class=sortable_item>
</container
</section
<li id=section2 class=sortable_section>
浏览 2提问于2010-08-25得票数 0
回答已采纳
1回答
我正在开发一个Redux应用程序，其中许多过滤器组件可以更改要执行的搜索的性质。每当其中一个筛选器组件的状态发生更改时，我都希望重新运行搜索操作。但是，我似乎无法正确地从每个过滤器组件调用搜索操作。
以下是主要的搜索操作：
// actions/search.js
import fetch from 'isomorphic-fetch';
import config from '../../server/config';
export const receiveSearchResults = (results) => ({
type: 'RE
浏览 1提问于2018-01-03得票数 24
回答已采纳
1回答
具有可扩展行的可排序
、、、、
我是一个jquery/rails新手，在使用.sortable()时遇到了问题。我有可扩展的行，但我似乎不能获得正确的代码来使隐藏行，即子行，坚持使用可见行，即父行。相关JS代码：
(function($){
$.fn.jSortable = function(){
var element = this;
var fixHelper = function(e, ui) {
ui.children().each(function(){
$(this).width($(this).width());
});
浏览 2提问于2012-02-18得票数 5
回答已采纳
我使用的是角JS和角UI (通过gem :角ui-rails)，今天我被模块依赖所困。如果有人有主意的话！
我想在我的应用程序中添加可排序模块( )，如下例所示：
问题是我已经在上面加载了UI引导模块，所以我尝试这样做：
在app.js上：
angular.module('ui', ['ui.bootstrap','ui.sortable']);
论controllers.js
function dndCtrl($scope) {
$scope.list = ["one", "two", "
浏览 0提问于2013-09-16得票数 10
回答已采纳
当我关闭Google API时，我得到一条“未捕获的TypeError:无法读取未定义的属性'DataTable‘”的消息。
我想捕捉这个未定义的错误，并弹出一个窗口，上面写着"Google已被禁用“，但我不确定什么类型的对象是未定义的。我目前正在检查"DataTable“对象，但我非常确定这是错误的，因为现在无论如何都会弹出窗口。
这是我的代码。
var data = new google.visualization.DataTable();
if(typeof DataTable == "undefined"){
window.alert("
浏览 8提问于2017-07-28得票数 0
回答已采纳
2回答
我正在尝试使用ui.sortable创建一个可排序的列表。我跟踪了，但仍然无法让它正常工作，并得到错误消息TypeError: element.sortable不是一个函数。我使用以下方法加载jquery和jquery：
<script src="js/jquery-2.2.3.js"></script>
<script src="js/jquery-ui.js"></script>
但还是没有运气。我正在使用angularJS + Spring引导系统：。提前感谢
浏览 6提问于2016-04-20得票数 1
回答已采纳
1回答
我和茉莉花是新来的。事实上，我刚刚下载了Jasmine，编写了我的第一个规范，并启动了SpecRunner.html文件。我还没有编写特定的init方法，在Firefox/Safari中，我看到了对此错误的很好的描述：
(Firefox) TypeError: Object.create(...).init is not a function in file...
(Safari) TypeError: undefined is not a function (evaluating 'Object.create(Seminar).init(seminarName)') in f
浏览 0提问于2014-12-17得票数 0
我正在尝试将jQuery-UI可排序连接列表的位置保存到Rails后端。在尝试将参数保存到数据库时，Rails控制器操作遇到问题。我得到的错误是TypeError (can't convert Symbol into Integer):
我发送的Ajax POST请求中的参数看起来像这样，看起来很好：
Activity:[{"id":"65","column":"48"},{"id":"65","column":"48"},{"id":"
浏览 0提问于2012-11-05得票数 0
回答已采纳
我试图在rails中的jquery可排序列表中的每个项中添加一个delete按钮。我可以添加项并显示按钮，但是单击它时，它的刷新页面和所有javascript部件都不可用。
以下是我所做的；
产出如下：
$ ->
$( "#sortable" ).sortable({
revert: true
});
$( "#draggable" ).draggable({
connectToSortable: "#sortable",
helper: "clone",
revert: "
浏览 0提问于2016-08-03得票数 2
回答已采纳
2回答
我继承了一些Javascript，这个JS曾经工作过，但由于某种原因它不再工作了。
我有以下脚本，请记住，我已经把它砍掉了，只列出了令人不快的部分：
function top_frame() {
top_frame = top.frames[0].document;
top_frame.write('<HTML><BODY topmargin=0 leftmargin=0 marginheight=0 marginwidth=0><IMG SRC="'+image_url+'/options_top.gif"
浏览 4提问于2016-03-04得票数 3
1回答
我正在尝试更新一些与connectwith相关的可排序div。我以前只做过一个表，update查询可以工作，但是当涉及到多个div时，就会变得很棘手。问题是，我在数据库中有一个名为div的字段，它也需要使用可排序对象放入的div进行更新，并将其放入该div中的特定顺序。
编辑: SOOO，如何为多个div.id位置创建可排序的更新查询？
我从代码中得到的结果只是在一个div中更新顺序，但在多个div中没有更新。另外，我不太确定找到我将内容移动到的div并将其保存到数据库的最简单方法。
好的，这是到目前为止我只在一个div中更新订单的代码：
$(".heriyah").sorta
浏览 1提问于2011-11-21得票数 1
回答已采纳
在浏览器中运行此文件时，我一直收到错误：Uncaught TypeError: ui is undefined
文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bla</title>
浏览 1提问于2020-10-08得票数 0
我试图在异常内部引发一个异常，但没有得到外部异常和回溯的错误消息，并且只打印了嘿。然而，如果我把一个字符串而不是k或m放在这里，我就会被困在这里。 The output, which I would need without the traceback def division(k, m):
try:
k / m
except TypeError:
raise ValueError ('hey') from None
return k / m
浏览 42提问于2021-11-15得票数 0
我使用Jquery UI Sortable对表行进行重新排序。拖放按预期工作，但我需要使用moousedown事件而不是拖动事件来激活sortable。下面是相同的。
angular.element(el).sortable({
cursor: 'pointer',
helper: fixWidthHelper
}).disableSelection();
function fixWidthHelper(e, ui) {
ui.children().each(function() {
angular.element(this).widt
浏览 0提问于2018-02-07得票数 0
我在asp.net MVC5项目中使用jquery.unobtrusive和jquery.validate库来验证客户端的用户注册。
在浏览器上，我得到这个错误：
Uncaught TypeError: $(...).parents(...).andSelf is not a function
at Object.parse (jquery.validate.unobtrusive.js:211)
at HTMLDocument.<anonymous> (jquery.validate.unobtrusive.js:392)
at mightThrow (j
浏览 0提问于2017-01-29得票数 12
如何在双击时使单元格不可编辑？单元格可通过单击进行编辑。
我已经使用以下代码启用了单元格编辑：
jQuery("#tree").jqGrid({
url:'json/jsonSamplePots.json',
datatype: "json",
mtype:'GET',
colNames: ["Task id", "Task no.", "Task name
浏览 0提问于2012-02-10得票数 0
回答已采纳
2回答
从网格筛选出记录时出错
、、、、
我们有一个kendo反应网格，我们在每一列上都有过滤器下拉，用户可以通过它提供值并过滤掉网格。这些过滤器运行良好，只有一个列过滤器providersCount中断，列字段数据类型为int。
在过滤时，我们正在获得以下错误：
TypeError：.indexOf不是函数
网格代码如下所示：
<Grid
data={this.state.items}
sortable={{
allowUnsort: this.state.allowUnsort,
浏览 0提问于2018-09-19得票数 2
我在尝试获取所选行时遇到以下错误：
Uncaught TypeError: Object #<HTMLDivElement> has no method 'getView'
当我无法获取视图和SelectionModel时，如何获取当前选定的行？
我的视图代码：
Ext.define('MyLodge.view.content.MemberGrid', {
extend: 'Ext.grid.Panel',
alias: 'widget.membergrid',
initComponent: function()
浏览 0提问于2013-03-17得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
