1

Twitter-Bootstrap ツールチップを使用していますが、それらをローカライズする方法またはベスト プラクティスがあるかどうかを知りたいですか? 例: config/locales で

私のセットアップは次のとおりです。

Gemfile

gem 'twitter-bootstrap-rails', '~> 2.1.3'

ブートストラップ.js.コーヒー

jQuery ->
  $('#plugin_description').tooltip({'trigger':'hover', 'title': 'ToolTip Text'})

ツールチップは問題なく動作しますが、config/locales から文字列をロードする方法はありますか? それは本当に素晴らしいでしょう:)

更新: フォームの入力フィールドでツールチップを使用したいと考えています。今、私は次のようにしています：

= f.input :name

そしてそれを呼び出す：

$('#application_name').tooltip({
    'placement':'top',
    'trigger':'hover', 
    'title': 'has to be unique and between 4 an 20 signs'})

しかし、タイトル属性をローカライズする方法が見つかりませんでした。

4

1 に答える 1

1

ツールチップはリンクのタイトル属性からテキストを取得できるため、そこでテキストを国際化します:

<%= link_to 'hover over me', '#', :id => 'plugin_description', :title => t(:tooltip_title) %>

アップデート

ツールチップ テキストにdata-title属性を指定するだけです。

あなたのJSで：

$('.form-tooltip').tooltip({
  'placement':'top',
  'trigger':'hover'
});

title引数がないことに注意してください。

あなたの見解では：

= text_field_tag :name, '', :class => 'form-tooltip', :data => {:title => t(:'your.translation.key')}

formatastic または simple_form を使用しているように見えるため、それに応じてビューを調整してdata-title属性を生成する必要があります。

于 2012-10-19T06:52:41.347 に答える