如何允许函数使用 jQuery.i18n？

Question

我在让我的函数使用 jQuery.i18n 时遇到问题。它在 jQuery(document).ready(function ($) {...}); 内部运行良好，而不是在它外部运行。

jQuery(function($) {
  $.i18n().load({
    'en': '/path/to/i18n/en.json'
  });
});

jQuery(document).ready(function ($) {
    function payInfo('example@something.com', '12341234');

    console.log('Verification text test: ' + $.i18n('payments.verificationCode')); // works
});

function payInfo(address, invoice) {
    // translation does not work here
    swal({
        title: $.i18n('payments.verificationCode'),
        html: $.i18n('payments.verificationDetail', address),
        input: 'number',
        showCancelButton: true,
        confirmButtonText: $.i18n('global.confirm'),
        cancelButtonText: $.i18n('global.cancel'),
        showLoaderOnConfirm: true,
        inputPlaceholder: '0000',
        allowOutsideClick: false
     })
}

错误是TypeError: undefined is not an object (evaluating '$.i18n') - 并指向title: 行号。允许函数获取 i18n 翻译的正确方法是什么？

Answer 1

您的 jQuery 不是全局定义的。尝试在.ready 中添加此内容：

jQuery(document).ready(function ($) {
    window.$ = $; // This line
    function payInfo('example@something.com', '12341234');

    console.log('Verification text test: ' + $.i18n('payments.verificationCode')); // works
});