javascript - disable_with 后禁用按钮

Question

在我的 Rails 应用程序中，我:disable_with在表单按钮上使用了助手。

该表单通过 ajax 工作。如果对象创建成功，我想禁用该按钮。所以在我的create.js.erb文件中我有：$('#my-button').disabled = true;.

但是，它不起作用（虽然在控制台中可以正常工作）。

我怀疑它会干扰 Rails 的 disable_with 帮助程序的 JS。我怎样才能解决这个问题？

Answer 1

使用 jQuery 的.prop()方法来设置disabled按钮的属性。在您的情况下，代码应该是

$('#my-button').prop('disabled', true);

要防止:disable_with助手再次启用按钮，请data-disable-with从按钮中删除属性：

$('#my-button').removeAttr('data-disable-with');