javascript - 如何使用localize.js翻译交叉js文件。例如 SweetAlert2.js

Question

我想在另一个 js 文件中使用 jquery.localize.js(i18n json 文件)。让我们说 sweetalerts2。

本地化根据您选择的语言(EN、FR、GR)提供 json 文件中的翻译。( https://github.com/coderifous/jquery-localize )

Sweet Alert2 是性感的弹出式警报，无法从浏览器中阻止，就像普通警报一样，并为您提供一整套选择以使其看起来用户友好。( https://limonte.github.io/sweetalert2/ )

但问题是如何根据用户选择的语言翻译 Sweet Alert 弹出窗口。

Answer 1

Localize 为我们提供回调，但您还必须找到语言 用户选择才能使用您必须使用的语言的 json 文件。为此，转到 jquery.localize.js 文件并在文件顶部将全局变量设为

var globallanguage;

之后，在存在以下代码的 185 行附近，在“globallanguage”处输入“lang”变量的输入。

lang = normaliseLang(options.language ? options.language : $.defaultLanguage);
globallanguage=lang;

现在您已将用户的选择保存在“globallanguage”中。然后你可以转到任何你想要的文件并使用下面的代码来检索翻译。

var message;
var messagetitle;
$("[data-localize]").localize("i18n/site", 
      { language: globallanguage, //taking from localize.jquery
        callback: function(data, defaultCallback) 
        {message = data.alert.incidentalert.LEAVE;
        defaultCallback(data);
      }});

$("[data-localize]").localize("i18n/site", 
      { language: globallanguage, //taking from localize.jquery
        callback: function(data, defaultCallback) 
        {messagetitle = data.alert.incidentalert.LEAVEHEADER;
        defaultCallback(data);
      }});

现在您从用户选择的 JSON 文件中检索了您想要的消息。
之后，您可以简单地调用 SweetAlert2 SWAL 并显示消息。

swal({
          title : messagetitle,
          text : message,
          type : "warning",
          showCancelButton : true,
          confirmButtonColor : "#e54747",
          confirmButtonText : button,
          closeOnConfirm : false
        }).then(function () { //function when Leave is pressed

这不是什么 super 令人兴奋的事情，但知道您可以使用 SweetAlerts 或任何其他 JS 库，以您想要的任何语言...