如何更改同一页面上的语言文件夹？ （通过使用 jQuery 或 JavaScript）

Question

我有一个包含 2 种语言的网站，即 En 和 Th。每种语言在不同的文件夹中具有相同的文件名，即/en/和/th/。我在包含的头文件 (asp) 上创建了 标记来在这两种语言之间切换。

问题是无论你在哪里，如何获取当前路径，并将文件夹名称更改为en或th？ （如果您在英语联系页面中，单击th将带您进入泰语联系页面。）

我尝试创建一个函数：

<script>
     function changeLanguage(to) {
         var from = jQuery.url.segment(-2);
         var url = from.replace('/' + from + '/', to);
         document.location = url;
     }
</script>

在标记中使用。

<a id="flags" href="#" onclick="changeLanguage(en)"> English </a>|<a href="#" onclick="changeLanguage(th)" >Thai</a>

但这不起作用。我花了很多天才找到类似的问题。我找到了一些，但仍然无法应用于我的代码。所以请帮助我。我在这方面真的是新手，真的需要你的帮助。非常感谢。

Answer 1

您需要添加一个字符串，此时您正在说changeLanguage（名为en的变量），使用：

onclick="changeLanguage('en')" 

或使用jquery为您绑定点击事件：

<a id="flags" href="#en" class="flag"> English </a>|<a href="#th" class="flag">Thai</a>

并使用jquery代码：

$(function() {
    $(".flag").click(function(e) {
        e.preventDefault();
        var to = $(this).attr("href").substring(1); //removes the hash value # (#en will become 'en')
        var from = jQuery.url.segment(-2);
        var url = from.replace('/' + from + '/', '/' + to + '/');
        document.location = url;
    });
});

我已将语言文本移至href，所以我们可以在点击事件中捕获它。

一个示例，将弹出有关您单击的语言的警报： http://jsbin.com/epavoh/2/

Answer 2

@voigtan，我花了时间尝试理解你的代码。但无论我尝试过，此代码仍然在我的 URL 之后添加 #en 或 #th。

    <script>
     $(".flag").click(function(e) {
     e.preventDefault();
     var to = this.href.substring(1); 
     var from = jQuery.url.segment(-2);
     var url = from.replace('/' + from + '/', '/' + to + '/');
     document.location = url;   
     });        
    </script>

是

   <a id="flags" href="#en" class="flag"> English </a>|<a href="#th" class="flag">Thai</a>

的，我知道 jQuery.url.segment(-2) 的用途。它会从右边的 2 个路径中找到 URL 段，对吗？我的文件夹是 root/en/default.asp，因此 (-2) 将返回“en”或“th”的值。

实际上，不需要是 Javascript 或 jQuery。任何东西只要能适合我的 .asp 就可以了，仅此而已。