jquery - 适用于 Chrome，但不适用于 Firefox - jquery

Question

 $('#carat_weight_right li').css('left', function(index, value) {
   if (value === '100%') {

        $(this).children('span').css({'margin-left': '-58px', 'text-align': 'right'});
        alert('hello');

    }
 });

似乎可以在 Chrome 中使用，但不能在 Firefox 中使用，有人知道吗？？？

谢谢

Answer 1

这是一个跨浏览器实现差异的有趣案例。

Firefox 正在返回元素的计算样式的使用值。这最终是用于在浏览器中渲染元素的实际像素值:Firefox 看到 100%，在布局中决定真正等于 326 像素，并返回 326 像素。 Mozilla talks about their implementation here.

另一方面，Chrome 会返回计算样式的指定值(“100%”)。

W3C 认为两者都有效:returning the specified value is fine是否可以在不需要布置文档的情况下完成； returning the used value is OK如果该值只能在布局完成后才能确定。

那你要做什么？找到一种不同的计算方法。 :-) 也许检查一下元素的 position().left 是否大于或等于其父元素的 width() 偏移量？