如何通过 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？