Question

我为两种不同的语言创建了一个网站，每个网站都位于两个不同的文件夹en和bn中。我想在使用jquery点击href元素上的文件夹之间切换。

<a class="eng_link " style="" href="#"> English</a> 
<a class=" link_active bangla_link " style="" href="#">বাংলা &nbsp;/ &nbsp;</a>

说，我目前正在 www.example.com/en/content?id=1 。点击英文链接时，它会重定向到网址 www.example.com/bn/content?id=1 ，反之亦然。只有网址的bn部分会更改为en，其他部分保持不变。我怎么能这样做？

Answer 1

我就是这样做的。在bn：

的索引页面中

<a class="eng_link " style="" href="#" id='a' onClick="en_onClick()"> English</a> 
<a class=" link_active bangla_link " style="" href="index" >বাংলা &nbsp;/ &nbsp; </a>

JS

    function en_onClick() {
     $(location).attr('href');
     var bn_pathname = window.location.href;
     var en_pathname = bn_pathname.replace("bn/", "en/"); 
     window.location.replace(en_pathname);
 }

在en：

的索引页面中

 <a class=" bangla_link link_in" style="" href="#" onClick="bn_onClick()"> বাংলা</a> 
 <a class=" link_active  eng_link" style="" href="#"> English &nbsp;/ &nbsp; </a>

JS

    function bn_onClick() {
     $(location).attr('href');
     var bn_pathname = window.location.href;
     var en_pathname = bn_pathname.replace("en/", "bn/"); 
     window.location.replace(en_pathname);
 }

Answer 2

我就是这样做的：

$(".changeLink").click(function() {
  $(".eng_link").attr("href", $(".eng_link").attr("href").replace("en", "bn"))
});

Here is the JFiddle demo

Answer 3

使用此功能可以从任何语言更改为任何语言

你的HTML中的

：

<a class="eng_link " style="" href="#" onclick="changelang('bn','en')"> English</a> 
<a class=" link_active bangla_link " style="" href="#" onclick="changelang('en','bn')">বাংলা &nbsp;/ &nbsp;</a>

和js：

function changelang(langfrom, langto) {
  var url = window.location.href;
  var langfrom= "/"+langfrom+"/";
  var re = new RegExp(langfrom);
  url = url.replace(re,"/"+langto+"/"); 
  window.location = url;
}

Answer 4

使用jQuery和Javascript的另一种选择。

HTML

<a data-language="en" class="language eng_link " style="" href="#"> English</a>
<a data-language="bn" class="language link_active bangla_link " style="" href="#">বাংলা &nbsp;/ &nbsp;</a>

JS

$(function() {
    $(".language").click(function(e) {
        var selectedLanguage = $(this).attr("data-language");

        var currentContent = location.pathname.substring(
            location.pathname.indexOf("/", 1) + 1,
            location.pathname.length
        );

        console.log(selectedLanguage, " >> ", currentContent);

        // change URL to /en/content.html or /bn/content.html
        window.location.href = "/" + selectedLanguage + "/" + currentContent;
    });
});

使用jquery

4 个答案: