根據點擊更改網址

我想將語言切換器添加到特定的html頁面。我不需要任何語言文本，只有通過點擊才能更改另一個網站的鏈接。這裏沒有什麼意義可以創建三個html頁面來處理一些鏈接變化，但我的jQuery技能並不是那麼棒。根據點擊更改網址

目標結構是這樣的：

<ul> 
<li><a class="clickButton" href="folder1/firstLink/Languages/English/folder/index.html">Index Link</a></li> 
<li><a class="clickButton" href="../folder2/secondLink/Languages/English/folder/index.html">A different Link </a></li> 
<li><a class="clickButton" href="../../folder3/Languages/English/folder/index.html">Another different link</a></li> 

<ul> 

<ul> 
<li><a class="clickButton" href="folder1/firstLink/Languages/Spanish/folder/index.html">Index Link</a></li> 
... 
<ul>

正如你可以看到我只需要以使鏈接的工作與西班牙來代替語言名稱（「英語」）。所以我在想，用戶點擊相應的標誌和URL字符串相應地改變。

我會很高興的一些例子，如何切換語言名稱

來源

2012-10-15 TonyC

HTML：

<a data-lang="Spanish">To Spanish</a> 
<a data-lang="Russian">To Russian</a>

的JavaScript：

var current = "English" 
$("[data-lang]").on("click", function() { 
    var lang = $(this).data("lang"); 
    $(".clickButton").prop("href", function(i, href) { 
     return href.replace(current, lang); 
    }); 
    current = lang; 
});

DEMO：http://jsfiddle.net/a2xqL/

來源

2012-10-15 12:17:05 VisioN

美麗 - 謝謝。 – TonyC

讓您輕鬆：爲鏈接添加自定義數據屬性;

<a data-lang="English" href="">

比使用jQuery的$link.data('lang');訪問它，並將其添加到href。

來源

2012-10-15 12:19:42 RomanTheGreat

根據點擊更改網址

回答

相關問題