ブートストラップで構築されたS3の静的ウェブサイトに2つの言語を追加

Question

S3に2つの言語を使用して同じウェブサイトを設定する方法はありますか？

私はウェブサイトxxxxx.es（スペイン語）を持っており、特定の言語を選択するためにnavbarの上部に言語セレクタを持っています。ブートストラップとjqueryで言語セレクタを追加しました。しかし、他の言語のページにリダイレクトする方法はありますか？

これは、私は、言語セレクタを見つけたウェブサイトは次のとおりです。

http://codepen.io/cooljockey/pen/jqRpdL

<select class="selectpicker" data-width="fit"> 
<option data-content='<span class="flag-icon flag-icon-us"></span> English'>English</option> 
    <option data-content='<span class="flag-icon flag-icon-mx"></span> Español'>Español</option> 
</select> 

$(function(){ 
$('.selectpicker').selectpicker();}); 

ありがとう！私はbootstrap-selectであると信じて - - あなたはこのjQueryプラグインを使用したい場合は

Answer 1

あなたはのイベントが要素を選択変化に焦点を当てるべきです。この方法で、ユーザーがドロップダウンリストから言語を選択すると、ページは同じ文字列にリロードされ、クエリ文字列の値が保持されます。ここで

は、例えば、HTMLコードが...

<select class="selectpicker" data-width="fit"> 
    <option value='en' data-content='<span class="flag-icon flag-icon-us"></span> English'>English</option> 
    <option value='es' data-content='<span class="flag-icon flag-icon-mx"></span> Español'>Español</option> 
</select> 

...とjQueryの一部です：

$(function(){ 
    $('.selectpicker').selectpicker(); 
    $('.selectpicker').on('change', function(){ 
     document.location = $(this).val() + window.location.pathname + window.location.search; 
    }) 
}); 

しかし、私はドロップダウンHTML + CSSを作成し使用することができアドバイスしたいです基本的な機能であるため、言語選択のためのメニューがあり、JavaScriptがオフになっているときにイベントを処理する必要があります。