0

我想将语言切换器添加到特定的 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 字符串相应地发生了变化。

我会很高兴看到一些如何切换语言名称的例子

4

2 回答 2

1

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

演示:http: //jsfiddle.net/a2xqL/

于 2012-10-15T12:17:05.943 回答
1

让自己轻松:为链接添加自定义数据属性;

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

比使用 jQuery by 访问它$link.data('lang');并将其添加到 href。

于 2012-10-15T12:19:42.423 回答