谷歌翻译无法更改语言？

Question

我刚刚在网站中添加了谷歌翻译。并设置了默认语言英语。 我在此页面上有一个 jquery 滑块。现在发生的情况是，仅当页面重新加载时才显示文本，以描述 jquery 滑块中包含的图像。通过 GOOGLE translate 更改语言后，文本消失，jquery 滑块中只显示图像。 谁能帮我弄清楚为什么会这样。 提前谢谢你。

Answer 1

谷歌翻译在翻译时会在文档中注入span 标签。 jQuery-ui 驱动的小部件（例如滑块）也使用 span 来表示按钮、图形和图标。翻译页面时，Google 翻译添加的 span 与 jQuery-ui 元素使用的 span 冲突，通常会导致功能和外观损坏。

解决方案是将notranslate 类添加到您不想翻译的元素（ref）。示例：

<div id="slider" class="notranslate"></div>

$(function() {
    $( "#slider" ).slider();
});