translate.js與選擇而不是按鈕

我使用translate.js，而是一個按鈕（在頁面中的示例）我試圖沒有成功地使用select在語言選項之間進行更改。translate.js與選擇而不是按鈕

<select name="Language" class="selectpicker lang_selector" data-style="btn-primary" data-width="150px" title='Select the Language'> 
    <option value="en" class="trn" data-value="en">English (EN)</option> 
    <option value="pt" class="trn" data-value="pt" selected>Português (PT)</option> 
</select>

無法獲取translate.js中的jsfiddle工作，因爲它不具有HTTPS CDN。

感謝您的任何幫助。

來源

2016-02-18 Khrys

我在Chrome和Firefox上測試它，它工作正常。我添加了腳本刪除選項，因爲Firefox會在刷新後忽略默認選擇。

<body> 
<div class="container"> 
<div class="row"> 
    <div class="col-md-6"> 
     <p><strong><span class="trn">Step</span> </strong>: <span class="trn" data-trn-key="step">try it</span></p> 
     <select name="Language" class="selectpicker lang_selector" data-style="btn-primary" data-width="150px" title='Select the Language'> 
      <option value="en" class="trn" data-value="en" selected="selected">English (EN)</option> 
      <option value="pt" class="trn" data-value="pt">Português (PT)</option> 
     </select> 
    </div> 
</div> 
</div> 


<script> 
$(function() { 

    var t = { 
     step: { 
      en: "try it", 
      pt: "experimentar" 
     } 
    }; 
    var _t = $('body').translate({lang: "en", t: t}); 
    var str = _t.g("translate"); 
    console.log(str); 


    $(".lang_selector").change(function(ev) { 
     var lang = $(this).find('option:selected').attr("data-value"); 
     _t.lang(lang); 

     console.log(lang); 
     ev.preventDefault(); 
    }); 

    $(window).unload(function() { 
     $('select option').remove(); 
    }); 

}); 

</script> 
</body>

來源

2016-02-18 13:20:09

感謝您的時間，但我無法得到它與您的代碼一起工作。 – Khrys

爲什麼？我做了一些修改... –

我試着用實際的代碼，但它不工作。 – Khrys

translate.js與選擇而不是按鈕

回答

相關問題