javascript - 如何本地化彩盒？

Question

我在我的 ROR 应用程序中安装了 Colorbox。但我需要本地化。在脚本中我有：

文件 images.js.coffee

$(document).ready ->
          $(".group1").colorbox({rel:'group1',
 transition:"none", maxWidth:"85%", maxHeight:"85%",
 current: "{current} <%= t('views.image.of') %> {total}"})

其中 {current} 是当前图像，{total} 是总图像。

如何从 yml 文件（app/config/locales/**.yml）粘贴数据？

Answer 1

您正在翻译一个 jQuery 插件。在vendor目录中执行此操作，而不是在您的应用程序区域设置中。

jQuery ColorBox 维护一个i18n带有翻译的目录： https ://github.com/jackmoore/colorbox/tree/master/i18n

例子

/*
  jQuery ColorBox language configuration
    language: Spanish (es)
    translated by: migolo
*/
jQuery.extend(jQuery.colorbox.settings, {
    current: "Imagen {current} de {total}",
    previous: "Anterior",
    next: "Siguiente",
    close: "Cerrar",
    xhrError: "Error en la carga del contenido.",
    imgError: "Error en la carga de la imagen."
});

您可以下载一个并将其包含在 colorbox 之后（如果您使用git submodules则可以加分）。

示例Rails >= 3.1

//= require jquery.colorbox
//= require jquery.colorbox-es

Answer 2

我使用 gem https://github.com/fnando/i18n-js

其作品！

$(document).ready ->
      $(".group1").colorbox({rel:'group1',
          transition:"none", maxWidth:"85%", maxHeight:"85%",
           current: "{current} <%= I18n.t('views.image.of') %> {total}"})