我也刚刚将谷歌翻译小部件添加到我的网站,当然,它破坏了布局!
所以我查看了小部件使用的脚本。
首先,您不能向按钮添加事件侦听器,因为 Google 翻译小部件已经分配了一个。
其次,我发现在它翻译之后,GT 小部件将标签设置为有一个类。
所以,我给我的标签一个“docstart” id 并创建了以下脚本。
注意:这破坏了 Firefox v. 21,但它在 IE 9 中有效。我还没有在任何其他浏览器中测试过它。
function LayoutFix() {
// code here to fix your layout
myListener();
};
function waitForGoogle() {
setTimeout (function myListener() {
var e = document.getElementById('docstart').className;
var l = e;
window.setInterval(function() {
var cN = e.className;
if (cN !== l)
// Call function to fix the layout on class change
LayoutFix();
// Set a 10 second iteration
},10000);
// Set a 10 second wait for GT widget to load
},10000);
}
// Finally, load the listener on document.ready()
$(document).ready(waitForGoogle);