Question

有什么办法可以在S3上用两种语言建立同一个网站。

我有一个网站xxxxx.es（西班牙语），并希望在导航栏的顶部有一个语言选择器，以便选择特定的语言。我已经使用bootstrap和jquery添加了语言选择器。但是，如何使用我的其他语言重定向到该页面？

这是我找到语言选择器的网站：

<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();});

谢谢！

Answer 1

如果你想使用这个jQuery插件 - 我认为是bootstrap-select - 你应该专注于选择元素的更改事件。这样，如果用户从下拉列表中选择某种语言，页面将重新加载到保留查询字符串值的完全相同的位置。

以下是示例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关闭时运行。

在使用bootstrap构建的S3上的静态网站上添加两种语言

1 个答案: