javascript - IE 中的 jquery 问题(错误？)与 .css() 操作

Question

我有一段 jquery/javascript 代码，它根据浏览器宽度设置图像的左边距。

我做了一些求和来计算所需的左边距，它在 var $diff 中。

这段代码工作正常:

$('#background-wrapper>img').attr('alt',$diff);

这表明总和工作正常，因为图像最终在其 alt 属性中插入了正确的 $diff 值。这适用于 IE、FF、Chrome。

但如果我将代码更改为:

    $('#background-wrapper>img').css('margin-left',$diff);

然后 firefox 和 chrome 工作正常，按照我的预期使用 $diff 作为图像左边距的值，但 IE 抛出运行时错误并停止运行脚本，引用 jquery 文件中的无效参数。我正在使用 jquery 1.3.2.min。

有什么想法吗？

这是完整功能的代码。

function imageResizeCenter() {
  var $windowh = jQuery(window).height();
  var $windoww = jQuery(window).width();

  var imagesrc = $('#background-wrapper2>img').attr('src');

  var myimage = new Image();

  myimage.src = imagesrc;
  var $width = myimage.width;
  var $height = myimage.height;

  var $ratio = parseInt($width,10)/parseInt($height,10);

  var $newwidth = parseInt($windowh,10)*$ratio;

  var $diff = (parseInt($windoww,10)-parseInt($newwidth,10))/2;
  if($diff<0) $diff=0;
  $('#background-wrapper2>img').attr('height',$windowh).css('margin-left',$diff);

}

Answer 1

也许

$('#background-wrapper>img').css('margin-left',$diff + 'px');