Question

我试图将名为Justuno的应用翻译成我自己的语言。我要翻译的是社交媒体按钮上的文字，例如＆＃34;分享＆＃34;和＆＃34;喜欢＆＃34;，＆＃34;推特＆＃34;和＆＃34;关注＆＃34;。如在这里：

http://i.stack.imgur.com/1ClDb.png

除了替换我要更改按钮标题的文本外，当您将鼠标悬停在链接或按钮上时，这些小黄框会打开。

例如Facebook＆＃34; Like＆＃34;按钮代码在Chrome开发人员工具中显示为：

<div class="pluginConnectButton">
    <div class="pluginButton pluginButtonSmall pluginButtonInline pluginConnectButtonDisconnected" **title="Like">**
        <div>
            <div class="pluginButtonContainer">
                <div class="pluginButtonImage">
                    <button type="submit">
<i class="pluginButtonIcon img sp_plugin-button sx_plugin-button_favblue"></i>

                    </button>
                </div>
<span class="pluginButtonLabel">**Like**</span>

            </div>

我想更改将鼠标悬停在其上时显示的链接/按钮标题以及按钮上显示的文字，这样当有人与流行音乐进行互动时，他们会以我自己的语言看到文字，而不是＆＃34;分享＆＃34; ＆＃34;像＆＃34; Justuno app管理面板提供了两个编辑选项，第一个是iFrame CSS覆盖，第二个是iFrame JS覆盖。我应该使用这两个中的一个，但我不确定哪一个以及如何准确添加代码。

如果有人可以帮助我，我真的很高兴。

谢谢！

Answer 1

像这样使用jquery

$(".pluginConnectButton").find(".pluginConnectButtonDisconnected").attr("title","mytitle");
$(".pluginConnectButton").find(".pluginButtonLabel").html("mytitle");

Answer 2

你可以使用jQuery：

$(function(){
    $('span.pluginButtonLabel').text('my text');
    // end put here same for each span you need
})

这是一个demo。

使用纯JavaScript的相同功能：

document.getElementsByClassName("pluginButtonLabel")[0].innerHTML = "my text";

Answer 3

重要的是要提到您显示的HTML实际上位于<iframe>内。这意味着您无法直接更改元素（例如，从控制台）。查看this article，您似乎可以在JS覆盖中定义函数ju_callback，该函数可用于修改HTML。

从＆＃34;旧标题＆＃34;更改div的title属性要＃34;新标题＆＃34;，您可以使用以下内容：

function ju_callback() {
    var i, e, title, 
        elements = document.getElementsByClassName("pluginButton pluginButtonSmall pluginButtonInline pluginConnectButtonDisconnected");

    for (i = 0; i < elements.length; ++i) {
        e = elements[i];
        if (e.getAttribute("title") === "old title") {
            e.setAttribute("title", "new title");
        }
    }
}

Answer 4

您只能使用javaScript执行此操作。例如：

var spans = document.getElementsByTagName("span"); spans[0].textContent = "translated text"; // for the first element from spans

通过CSS或JS替换span内的文本

4 个答案: