我试图在调整页面大小(或在较小的显示器上打开)时动态调整页面上的某些元素。有一段代码大致如下:
$('some_id').setStyle({'margin-left':'200px'});
它在 Chrome 中按预期工作,但在 Firefox 中失败,没有 JavaScript 警告或错误。需要明确的是,我已经在 Firefox 中检查了该元素。很简单,只是没有设置样式。如果我使用检查器手动添加此规则,它将按预期工作。
已请求更多代码:
function reset_ad_size() {
topAlign($('leftColumn'), $('adContentLeftFloat'));
leftSide = leftAlign($('mainBodyFrame'), $('adContentLeftFloat'));
leftSide -= 190;
if(leftSide < 0) {
$('site_wrap_neo').setStyle({'margin-left':'200px'});
leftSide = 5;
}
$('adContentLeftFloat').setStyle({left:leftSide+'px'});
}
document.observe("dom:loaded", function() {
reset_ad_size();
window.onresize = function() {
reset_ad_size();
}
});
最佳答案
我发现了问题并最终用以下方法解决了它:
$('site_wrap_neo').style.marginLeft='200px';
无论出于何种原因,Firefox 不喜欢 Scriptaculous 的 setStyle。
关于javascript - Scriptaculous - setStyle 在 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17431189/