jquery .css应用于chrome或FireFox

时间:2010-09-02 18:38:41

标签: jquery firefox google-chrome

我正在使用Jquery应用一些顶部和左侧定位。

这样做,在IE中它完美无缺。不幸的是,它在Firefox或Chrome中不起作用。

在IE中,当检查代码时,它在div的左侧和顶部显示内联样式。在查看chrome和firefox时,div没有内联样式。

以下是一些代码:

var offsets = $("#cssOffsets").val();           
var offsetsArray;  
offsetsArray = offsets.split(":");  
$('#lid').css({'top':offsetsArray[1],'left':offsetsArray[0]});

cssOffsets是一个类似137:10的字符串

#lid div存在。

关于它为什么会在IE中实际工作而不是其他工作的任何想法?

我使用的是最新版本的Chrome和FireFox,以及JQuery。

谢谢!

3 个答案:

答案 0 :(得分:2)

只是一个猜测,我认为您需要指定单位:px例如。所以,当你解决这个问题时,你会得到:

$('#lid').css({
  top: offsetsArray[1] + "px",
  left: offsetsArray[0] + "px"
});

答案 1 :(得分:2)

我认为是因为你没有指定px值。

$('#lid').css({'top':offsetsArray[1]+'px','left':offsetsArray[0]+'px'});

答案 2 :(得分:0)

$('#lid')。offset({top:offsetsArray [1],left:offsetsArray [0]});

.offset()setter方法允许我们重新定位元素。