问题标签 [jquery-rails]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
619 浏览

jquery - Jquery-turbolinks gem 没有按预期工作

我正在使用 jquery-turbolinks gem 这样

即使打开 rails turbolinks 也会在每次页面加载时触发。我按照github 页面上的步骤安装了 gem,但是 gem 似乎没有按预期工作。这是我到目前为止所做的:

  1. 添加gem 'jquery-turbolinks'到我的 Gemfile 并运行bundle install
  2. 添加//= require jquery.turbolinks到我的 javascript 清单文件中。我的清单文件现在如下所示:

    /li>
  3. 然后我杀死并重新启动了rails服务器

我运行了一个基本的 rails 脚手架来测试是否一切正常,我只看到在应用程序最初加载时弹出警报。但是,当我从 index 操作导航到 show 操作时,我没有看到弹出警告框。

有没有人有任何想法我可以尝试?

0 投票
0 回答
86 浏览

ruby-on-rails - 找不到 jquery.ui.all

我是 Ruby on rails 的新手,我的任务是重构已经存在的应用程序中的一些代码,所以我正在处理我没有编写的代码。无论如何,问题是当我尝试运行特定页面时出现错误“找不到文件'jquery.ui.all',gemfile包含:gem'jquery-rails'和gem'jquery-ui-rails'和我的 application.js 和 .css 清单文件包含“需要 jquery.ui.all”但错误不断出现。我正在使用:

rails (4.0.3) jquery-rails (3.1.4) jquery-ui-rails (5.0.5)

这些是我的清单文件:

应用程序.js:

应用程序.css.scss:

错误是:couldn't find file 'jquery.ui.all' (in /home/haytham/Desktop/LadyPool/com.emiketic-services.rails.flp/app/assets/javascripts/application.js:16)

0 投票
2 回答
3239 浏览

jquery - Rails 5.1 中是否还需要`require jquery_ujs`?

我正在通过gem在我的5.1.xRails 应用程序中安装 jQuery。jquery-rails

在 gem 设置中,他们建议application.js默认添加这些行:

但是,在 Rails5.1.x应用程序中,您已经有了不再依赖 jQuery 的这条线:

我想两者都在做完全相同的事情,并且不需要一个。

我应该保留两者还是应该只喜欢jquery_ujs还是只喜欢rails-ujs

0 投票
0 回答
15 浏览

javascript - jQuery Rails 嵌套资源错误?

我有一个 Rails 应用程序,它使用一个包含多个嵌套资源的表单。关于它的奇怪怪癖是我使用几个单个select输入作为一个多个select输入(即name在它们之间使用相同的输入)。我也通过 JavaScript(即remote: true)提交了这个。selecthtml如下:

当我将此表单用于create. 但是,当我尝试时update,它会恢复为POST请求而不是PATCH. _method隐藏字段正在正确生成:

这就是它变得奇怪的地方!如果我将输入更改nameselectorder_item[order_item_options_attributes][1][value2s][]注意s之后value2),它会起作用!

PATCH因此,如果所有嵌套数组值都是“复数”,则jQuery 似乎只允许请求。这是按预期工作还是只是一个错误?还是我错过了什么?我正在使用Rails4.2.8 和jQuery-rails4.3.1。

编辑:

这是相关路线。这只是您的标准嵌套路线:

和输出:

编辑2(澄清):

这似乎是一个jQuery问题,而不是一个Rails问题。我这么说的原因是我可以name直接在浏览器中编辑属性(即不是刷新或代码更改),它会立即工作。所以这似乎是客户端而不是服务器端的东西。

0 投票
1 回答
9 浏览

jquery - 访问 ruby​​ 的 Jquery 参数 (link_to)

我需要 <%= link_to "Home", root_path, class: "btn btn-primary" %>在 jquery 中访问此链接以在我的代码中禁用它。该链接在 ruby​​ gem 中给出,因此我无法向该链接添加类或 ID。

除了使用 id 或 class 之外,还有其他方法可以访问此链接吗?

0 投票
2 回答
32 浏览

jquery - 我们如何通过点击rails来显示不同的表单部分

我有一个像局部的导航栏渲染。

例如:仪表板/菜单

在导航栏中,我有一个链接,如导师、公司。

单击这些链接时,它会呈现不同的表单部分。

前任:

在设置页面中:设置页面中的导师和公司表格。

jquery 和 css 在设置页面中:

但是,当我单击导航栏链接时会发生注意事项。即使我没有得到任何错误。

更新:

我在设置页面中放置了导航链接。它工作正常。

但是,从菜单部分它不起作用。

0 投票
0 回答
62 浏览

jquery - jQuery动画回调在动画完成之前触发

我想在我正在开发的 Rails 应用程序上制作进度条。我正在使用 Bootstrap 4 进度条。

这是我用来更改关于 ajax 请求的进度条宽度的代码。

问题是动画回调在进度条宽度达到 100% 之前被执行。

进度条的宽度达到一半,然后突然变回 0。

我在这里想念什么?

0 投票
1 回答
43 浏览

javascript - Rails - 如何在发出请求之前修改 http 参数?

我正在做一个汽车销售网站,我应用了一些过滤器。

对于 UX,我自动添加了符号 € 和一些空格。

但现在我想要的是当用户按下提交按钮时,在发出请求之前删除空格和符号(在这种特殊情况下,参数price_startprice_start=2500代替price_start=2+500+EUR

在此处输入图像描述

我想用 Jquery 做到这一点,但我真的不知道如何......我感谢任何帮助!谢谢 :)

这是我的html:

0 投票
1 回答
482 浏览

javascript - jQuery隐藏onLoad不起作用

Rails 5.1 应用程序,使用 jquery-rails(加载 jQuery 1.12.4)。我有一个功能包含在一个正在工作的页面的标题中。我修复了一个与此无关的缺失 JS 文件函数错误,现在它在加载然后翻转时看起来正确(看起来是在 Rails 控制台中加载网站图标时)。如果我导致缺少方法错误(在客户端验证 JS 中),那么这段代码可以正常工作,这意味着我还有其他事情要做。

一旦它被翻转,它就.togglebutton不起作用(这与 Josh 在下面的评论中修复)

这种行为可以在这里看到:https ://www.patchvault.org/lodges

功能:

在 Josh 在下面的评论(以及其他 SO 搜索)之后更新了函数:

切换按钮代码:

相关CSS:

李(示例):

当前正在运行。如果我重新引入控制台错误(rails 客户端表单验证缺少文件),它就可以工作。但是肯定有其他事情发生,我在这里做错了导致这种情况。有什么想法吗?

0 投票
2 回答
341 浏览

javascript - JS 和 jQuery 事件侦听器在页面加载时不起作用

我正在尝试向某些按钮添加一些简单的事件侦听器。我正在运行 Rails 5.2.0 并使用 jQuery rails gem。根据文档,我将 gem 添加到我的 gemfile 中,安装了捆绑包,并在application.js. 如果我将 js 文件中的事件侦听器复制到控制台中,它们可以正常工作,但是在刷新页面时它们不会对元素生效。

编辑:现在从 gem 加载 jQuery,我也得到了一个$ is not defined错误。但是,我尝试从其他方式(CDN 和本地资产)加载 jQuery,虽然我并不总是得到 jQuery,$ is not a function error但事件侦听器仍然没有应用。

应用程序.js

清单.js

$("#gym").click(function(e){ alert('hi')});

Gemfile.lock