Question

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

这在Chrome中运行良好但在Safari中失败。这适用于链接，但不适用于按钮或提交。似乎有一些帖子，但没有明确的答案。我的网页控制台没有抛出任何JS错误等。

该按钮实际上已被禁用（您可以在单击按钮后看到“不要输入＆＃39;图标悬停片刻”）但文本不会更改。

我可以忍受这个，但解决它会很好。

Answer 1

这是由Safari的正常行为引起的，它在提交表单后停止更新DOM，这就是控制台中没有显示错误的原因！

（有一个示例here来证明这一点）

我发现可以解决此问题的唯一方法是通过js脚本延迟表单提交，其中有一个是针对此问题编写的解决方法here