使用i18翻譯庫翻譯警報消息

我編寫了一個代碼，用於將文本從en-US翻譯爲id-ID（印度尼西亞語）。這裏按鈕有一個文本，其內容如下：Click me if you are serious。應用翻譯後，成功翻譯爲Klik saya jika anda serius。如果我點擊那個按鈕，將會顯示如下提示信息：You have been alerted, code it down。我希望將該警報消息轉換爲id-ID。這裏是我的代碼：使用i18翻譯庫翻譯警報消息

<!DOCTYPE html> 
<html> 

<head> 
    <title>Translation</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
</head> 

<body> 
    <button onclick="alertbox();" id="btn" >Click me if you are serious</button> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script src="i18next-1.10.1.min.js"></script> 
    <script> 
    function alertbox() { 
     alert("You have been alerted, code it down"); 
    } 
    $.i18n.init({ 
     lng: 'id-ID', 
     ns: { 
      namespaces: ['ns.common', 'ns.special'], 
      defaultNs: 'ns.special' 
     }, 
     useLocalStorage: false, 
     debug: true 
    }, function(t) { 
     $('#btn').text($.t('app.btn', { 
      btn: '' 
     })) 
    }); 


    </script> 
</body> 

</html>

id-ID (ns.special.json)

{ 
    "app": { 
     "btn": "Klik saya jika anda serius" 
    } 
}

en-US (ns.special.json)

{ 
    "app": { 
     "btn": "Click me if you are serious" 
    } 
}

如何翻譯警報消息爲id-ID？

來源

2015-10-05 Ajay Kulkarni

嗯....任何人在這裏？ –

你的問題在哪裏？你甚至不嘗試:)有一切記錄： http://i18next.com/pages/doc_jquery.html 你可以找到很多與jQuery的例子。你可以找到甚至的jsfiddle活生生的實例，這樣的：

$(document).ready(function() { 
i18n.init({ 
    "lng": 'en', 
    "resStore": resources, 
    "fallbackLng" : 'en' 
}, function (t) { 
    $(document).i18n(); 
}); 

$('.lang').click(function() { 
    var lang = $(this).attr('data-lang'); 
    i18n.init({ 
     lng: lang 
    }, function (t) { 
     $(document).i18n(); 
    }); 
}); 
});

http://jsfiddle.net/SalvadorDali/dLc7x/

完成你的代碼和編輯你的問題，所以我們可以幫助你。首先聲明國際化的變量，然後使用$ .T

來源

2015-10-05 11:31:47 Daimos

我正在嘗試......我設法將按鈕文本翻譯爲另一種語言，但不提醒消息 –

但它的簡單性如下：alert（$。t（「key」））;所以試着告訴我們它的作品。請記住在您的腳本之前定義您的插件和密鑰！ – Daimos

不，它沒有工作 –

我的代碼：

<!DOCTYPE html> 
<html> 

<head> 
    <title>Translation</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" type="text/css" href="test.css"> 
</head> 

<body> 
    <button id="btn">Click me if you are serious</button> 
    <div id="qwe"></div> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script src="i18next-1.10.1.min.js"></script> 
    <script> 
    /*$("#btn").click(function() { 
     alert("You have been alerted, code it down!!!"); 
    });*/ 
    $.i18n.init({ 
     lng: 'en-US', 
     ns: { 
      namespaces: ['ns.common', 'ns.special'], 
      defaultNs: 'ns.special' 
     }, 
     useLocalStorage: false, 
     debug: true 
    }, function(t) { 
     var key = $('#qwe').text(); 
     $('#btn').text($.t('app.btn', { 
      btn: '' 
     })) 
     $('#qwe').text($.t('app.alert', { 
      alert: '' 
     })) 
    }); 
    $("#btn").click(function() { 
     alert($('#qwe').text()); 
    }); 
    </script> 
</body> 

</html>

CSS：

div { 
    display: none; 
}

ns.special.json（EN-US）：

{ 
    "app": { 
     "btn": "Click me if you are serious", 
     "alert": "You have been alerted, code it down!!!" 
    } 
}

ns.special.json（id-ID）：

{ 
    "app": { 
     "btn": "Klik saya jika anda serius", 
     "alert": "Anda telah diperingatkan, kode itu turun!!!" 
    } 
}

來源

2015-10-05 12:43:17

使用i18翻譯庫翻譯警報消息

回答

相關問題