1

我正在使用 Twitter-Bootstrap 工具提示，我想知道是否有本地化它们的方法或最佳实践？例如：在配置/语言环境中

我的设置是：

宝石文件

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

bootstrap.js.coffee

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

工具提示工作正常，但有没有办法从配置/语言环境加载字符串？那真的很棒:)

更新：我想在表单中使用带有输入字段的工具提示。现在我有这样的：

= f.input :name

并调用它：

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

但我找不到本地化 title 属性的方法。

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 回答