は、私は、次のコードを有するレールsubmit_tag

Question

データローディング・テキストにアイコンを追加します。私はそれを包み込むdata {...}を使用してみましたが

が、変更なし

Answer 1

は、私が何を探していることはdisable_withオプションとボタンを使用していると思います。

http://apidock.com/rails/ActionView/Helpers/FormTagHelper/submit_tag http://apidock.com/rails/ActionView/Helpers/FormTagHelper/button_tag

提出タグで動作していないhtmlの理由は、それらがタイプ提出してHTML入力タグになっていることです。

<%= submit_tag "<p>Hi</p>" %> 

<input type="submit" value="<p>Hi</p>"> 

Rails 3 Submit Tag + html_safe

<%= button_tag t('submit'), class: "btn btn-primary", id: "email_submitbutton", data: { disable_with: "<i class='fa fa-circle-o-notch fa-spin'></i> Processing Order".html_safe } %> 

また、私は非常にフォント-素晴らしい宝石を使用して示唆しています。

https://github.com/FortAwesome/font-awesome-sass

それはあなたがRubyコードしている中でHTMLを書く手に必要がないことを意味しますので、これはクールです。

Answer 2

ブートストラップのdata-loading-text（ボタンをクリックするとテキストを変更する）と同じ効果を得るための別の方法が見つかりました。

私はdisable_withにdata-loading-textを変更し、button_tagでsubmit_tagを変更：

<%= button_tag t('submit'), class: "btn btn-primary", id: "email_submitbutton", data: {disable_with: "<i class='fa fa-circle-o-notch fa-spin'></i> Processing Order".html_safe} %>