Jquery i18n 簡(jiǎn)單使用，實(shí)現(xiàn)語(yǔ)言切換

現(xiàn)在網(wǎng)站的國(guó)際化越來(lái)越重要，為此特地學(xué)習(xí)了一下i18n?？梢詫?shí)現(xiàn)中英文切換。

  <!DOCTYPE html>
   <html>
   <head>
   </head>

  <body>
  <ul class="nav">
    <li>
        <a href="#" data-i18n="nav.home">你好</a>
    </li>
    <li>
        <a href="#" data-i18n="nav.page1">你好</a>
    </li>
    <li>
        <a href="#" data-i18n="nav.page2"></a>
    </li>
    <input data-i18n="[value]nav.button" type="button" value="查詢" id="" />
    <input type="text" name="" id="" data-i18n="[placeholder]nav.input" placeholder="請(qǐng)輸入名稱" />
    <button id="Chinese">中文/button>
    <button id="English">英文</button>
</ul>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="./common/i18next.js"></script>
<script type="text/javascript">
    $(function () {
        var lang = 'zh-cn';
        var langPath='./common/translationC.json';
        changeLang('en-US');
        $('#Chinese').on('click',function(){changeLang('zh-cn')});
        $('#English').on('click',function(){changeLang()});
        function changeLang(langtype){
            langPath=langtype=='zh-cn'?'./common/translationC.json':'./common/translationE.json'
            $.i18n.init({
            lng: lang,
            resGetPath: langPath
        }, function (err, t) {
            $('[data-i18n]').i18n(); // 通過(guò)選擇器集體翻譯 
        })
        }
        $("#btn_change").click(changeLang('zh'))
    })
   
</script>
  </body>
</html>

本人原創(chuàng)，未經(jīng)許可禁止轉(zhuǎn)載！

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容