Question

我试图在页面调整大小（或在较小的显示器上打开）时动态调整页面上的某些元素。有一段代码大致如下：

$('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();
  }
});

Answer 1

我发现了这个问题，最后解决了这个问题：

$('site_wrap_neo').style.marginLeft='200px';

无论出于什么原因，Firefox都不喜欢Scriptaculous中的setStyle。

Scriptaculous - setStyle无法在Firefox中运行

1 个答案: