8

簡単な質問です。私は持っている：

<%= f.submit "Like", class: "btn btn-large btn-primary" %>

「いいね」というテキストの代わりに、ボタン全体を次のように置き換えたいと思います。

<span class="glyphicon glyphicon-thumb-up"></span>

シンボル。

レールで送信ボタンを親指アイコンに置き換える正しい方法は何ですか?同じことをさせますか?

アップデート

私はこれを見つけました：

<%= button_tag(type: 'submit', class: "btn btn-primary") do %>
  <span class="glyphicon glyphicon-thumbs-up"></span> 
<% end %>

しかし、唯一の問題は、グリフィコンの後ろにボタンがまだ表示されていることです (btn btn-primary を削除しても)。ボタンの消し方わかる人いますか？

ありがとうございました！

4

3 に答える 3

5

これは、グリフィコンのみを含むボタンを使用してフォームを送信する場合に機能することがわかりました。

<%= button_tag "", type: 'submit', class: "btn btn-default glyphicon glyphicon-ok pull-right" %>

glyphicon クラスは、サムズアップではなくチェックボックスであり、ブートストラップ btn スタイリングはdefaultでprimaryはありませんが、同じことを行う必要があります。

于 2015-07-14T21:33:08.173 に答える
0

すみません、最初よくわかりませんでした。ボタンを回避するには、実際にはいくつかの方法があります。

  • ボタンに css を適用して透明にし、アイコンだけを表示します。

    バックグラウンド:透明; ボーダー: なし; パディング: 0;

  • rails submit を jquery (または類似の) submit に置き換えます。何かのようなもの：

    <span class="glyphicon"></span>

    $('span.glyphicon').click(function(){ $('#my_form').submit()});

Rails 3 までは、link_to_function または link_to_remote ヘルパーを使用して js 関数を呼び出すことができましたが、Rails 4 以降ではこれができなくなりました。Rails 3 submit form with linkも見てください。ここではRails, how do you submit a form with a text link?

お役に立てれば

于 2014-01-02T16:59:42.130 に答える