jqueryを使用してURLパスを変更します

Question

私は2つの異なる言語のウェブサイトをそれぞれ異なる2つのフォルダenとbnに作成しました。私はhref要素のクリックでjqueryを使用してフォルダを切り替えるしたいと思います。

<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に現在います。英語のリンクをクリックすると、URL www.example.com/bn/content?id=1にリダイレクトされ、その逆もあります。 URLのbn部分のみがenに変更され、他の部分は同じに保たれます。これどうやってするの？

Answer 1

これは私がそれを行っている方法です。専用のインデックスページで

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

：

<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

これは私がそれを行うだろうかです：あなたのHTML内の任意の言語

に任意の言語から変更する

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

Here is the JFiddle demo

Answer 3

使用この機能：

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