jQuery定位Chrome（webkit）和Firefox之间的差异

Question

在处理jQuery UI范围滑块时，我主要是在chrome中进行调试。我需要让范围有一个限制，所以我会抓住其中一个手柄的左侧位置，如下所示：

$el.css('left');

哪个会给我左边的位置百分比：84%。但是，当我在Firefox中测试时，它返回的值以像素为单位。

以前有没有人经历过这个？基于在Firebug中查看DOM，Firefox确实识别基于百分比的左侧定位，但它似乎并未将其作为值返回。这是Firefox的默认行为吗？在IE中也是如此吗？

Answer 1

css（）函数返回浏览器报告的指定css属性的值。因此，它是特定于浏览器的，在以这种方式处理长度和定位时不应该使用它。

Answer 2

使用$el.position().left;代替：）

Answer 3

我不相信在最新版本1.4.4中使用jQuery进行定位存在任何已知的差异。

Answer 4

我过去使用过插件：http://plugins.jquery.com/project/dimensions

Answer 5

我通过直接访问DOM来解决这个问题，如下所示：

$el.get(0).style.left

它返回FF，Chrome，Safari和IE9的％值。 （虽然没有在Opera上测试）