10得票3回答
如何在远程表单中保持提交按钮禁用状态,直到下一页加载完成

在我的 Rails 5.1 应用程序中使用 Turbolinks,我已经为我的提交按钮添加了一个 data-disable-with 属性,以便在单击时禁用该按钮,防止意外多次提交数据。 在许多情况下,这很有效。 问题在于,对于通过内置的 UJS 帮助器(data-remote=true)进...

10得票4回答
多页 VS 单页和不显眼的 JavaScript

我有一个网站部分,其中包含多个小部件类别。有一个菜单显示每个类别的名称。对于启用了JavaScript的任何人,单击类别将在页面内显示类别内容。他们可以随意在类别之间点击,根据需要更新DOM。如果我们要友好地对待Google,则还会使用标准的哈希/哈希符号更新URL。因此,对于落在exampl...

8得票1回答
Rails和data-disable-with在Safari上无法正常工作

<%= f.button :button, 'Move', class: "btn btn-warning", data: { disable_with: "<i class='fa fa-spinner fa-spin'></i> Moving…"} %>...

8得票5回答
Rails:无法通过Ajax加载的远程表单提交

目标 我有一个页面,其中包含来自Rails后端的项目列表。我想使用Rails UJS通过Ajax调用编辑该列表中的一行。 方法 我在每一行的末尾添加了一个编辑按钮。编辑按钮是一个link_to ... :remote => true。单击它会重新加载列表,但选定的行变为编辑模式。可...

8得票2回答
使用Rails 3、jQuery和Ajax实现简单的“喜欢/不喜欢”按钮

我有一个产品、用户和喜欢的模型。用户可以喜欢一个产品。我正在尝试实现一个简单的喜欢按钮,点击后允许用户喜欢一个产品。然后,喜欢按钮会变成取消喜欢按钮,允许用户取消对产品的喜欢。相当直观。 我已经为上述问题实现了模型/控制器逻辑。我对javascript/ajax不是很擅长,想知道实现上述功能...

7得票3回答
Turbolinks导致带有href="#"的链接触发页面刷新。

我页面上有一个非常简单的链接:<a href="#">My link</a>。它会导致页面刷新。当我删除“turbolinks”时,它不再导致刷新。 过去我一直使用带有哈希片段的链接。除非我长期以来错过了某些非常基本的东西,否则我不明白这怎么会导致刷新。 它没有任何...

7得票4回答
通过JavaScript在Rails应用程序中插入data-remote表单,ujs无法捕获远程请求

我有一个简单的表单,它被添加到一个容器中: <form action="/something" data-remote="true" method="post"> <input type="submit" /> </form> 据我了解,rails...

7得票1回答
Rails表单中出现带文件的无效真实性令牌。

我正在使用UJS来处理ajax提交表单。该表单中包含一个文件输入框。我收到了一个来自控制器的无效认证令牌错误。我是否忘记在表单或文件标签上添加某些属性? ActionController::InvalidAuthenticityToken <%= form_for @block, ...

7得票4回答
如何阻止远程表单提交?

我有一个表单,可以远程和正常使用。 = form_for @comment, html: { class: 'comment-form' }, remote: request.xhr? do |f| = f.text_area :body = f.submit 如果body中有内...

7得票2回答
Rails UJS 确认框取消按钮回调函数

我正在使用Rails jquery ujs 处理我的应用程序内的ajax。同时,我正在使用confirm 选项来销毁任何记录。在我的当前设置中,当单击data-remote=true 链接时,我已经连接了一个加载遮罩屏幕。 我想知道的是:有没有一种方法,当用户点击确认框上的“取消”按钮时,我...