如何通过 JS 将 translate= "no" 添加到动态翻译脚本中？

Question

我的网站上有一个脚本，当用户将鼠标悬停在锚点上时，它可以翻译跨度内包含的文本，并且工作正常。但是，进行自动翻译的浏览器似乎正在抓取鼠标悬停时生成的标题并翻译它们，这违背了脚本的目的。我尝试使用 JS 将属性 translate="no">添加到生成的文本中(如下文第 10 行所示(，但我一定错过了一些东西，因为它似乎没有效果。

请帮忙？

.JS：

$.each($("li"), function(i, elements) {
var links = elements.getElementsByTagName("a");
var article_title = elements.getElementsByClassName("article-title")[0];
$.each(links, function(j, link) {
var previous_title = article_title.innerHTML;
if (!$(link).is('.newspaper, .doi')) {
link.addEventListener("mouseover", function() {
$(article_title).fadeTo(150, 0.5, function() {
article_title.innerHTML = link.title;
$(article_title).prop('translate', 'no');
$(article_title).fadeTo(150, 1, function() {});
});
});
link.addEventListener("mouseout", function() {
$(article_title).fadeTo(150, 0.5, function() {
article_title.innerHTML = previous_title;
$(article_title).fadeTo(150, 1, function() {});
});
});
}
});
});
});

.HTML：

<li>
<a href="doc-EN.pdf" title="This is an example" hreflang="en" class="pdf">[EN]</a>
<a href="doc-ES.pdf" title="Este es un ejemplo" hreflang="es" class="pdf">[ES]</a>
<span class="article-title">This is an example</span>
</li>

Answer 1

首先，你确定脚本解释

translate="no"

属性正确吗？就像，它认为这不应该被翻译吗？也许代码逻辑似乎是罪魁祸首。

其次，尝试使用 .attr 而不是 .prop？