javascript - JQuery 翻译功能在 firefox/chrome 中不起作用

Question

我有一个分为两个框架的 HTML 页面。当我提供打开网站选项时，用户会在这些框架中打开单独的网站。

这些网站可以使用任何语言。所以。我需要将这些网站的语言翻译成英文。

我为此使用了 JQuery 翻译函数，但它不起作用。由于我是 JQuery 的新手，我可能使用了不正确的语法/方式。

我已经在 Firefox 中试过这段代码，但它不起作用。 我在 Chrome 中尝试过，但由于 Google Chrome 的默认语言翻译选项，我无法知道它是否正常工作。 我还搜索了 StackOverFlow 问题，但没有找到任何内容。

$(function(){ //on document ready
  $('body').translate('en');
})

这是插件的链接:http://code.google.com/p/jquery-translate/wiki/TranslateMethod

Answer 1

首先，jQuery 库和脚本应该从其中一个框架调用，而不是容器页面，否则将无法运行。

jQuery 函数 jQuery() (或 $() )默认在当前文档中查找。为了将该函数应用于框架，您应该将上下文指定为函数的第二个参数。在这种情况下，它会像:

$(function() {
    $('body', window.parent.frames[0].document).translate('en');
});

你显然可以改变数组的索引frames ( frames[0] 、 frames[1] 、 ecc..)以匹配您要翻译的帧。

编辑:您还可以为框架设置名称(将属性 name 放在标签 <frame> 中，然后使用 window.frame_name.document 调用它。