Различия в позиционировании jQuery между Chrome (webkit) и Firefox

Question

Работая над слайдером диапазонов jQuery UI, я в основном отлаживал в chrome. Мне нужно было ограничить диапазон, чтобы я мог взять левую позицию одной из ручек следующим образом:

$el.css('left');

Что даст мне левую позицию в процентах: 84%. Однако, когда я тестировал в Firefox, он возвращал значение в пикселях.

Кто-нибудь испытывал это раньше? Основываясь на анализе DOM в Firebug, Firefox распознает позиционное позиционирование в процентах слева, но, похоже, не возвращает его как значение. Это поведение по умолчанию для Firefox? То же самое и в IE?

Answer 1

используйте $el.position().left; вместо:)

Answer 2

Функция css () возвращает значение указанного свойства css, сообщаемое браузером. В результате это зависит от браузера и не должно использоваться при работе с длинами и позиционированием таким образом.

Answer 3

Я работал над этой проблемой, напрямую обращаясь к DOM, например:

$el.get(0).style.left

возвращает значение% для FF, Chrome, Safari и IE9. (Не проверял это на Опере, все же)

Answer 4

Я использовал плагин в прошлом: http://plugins.jquery.com/project/dimensions

Answer 5

Я не верю, что существуют какие-либо известные различия в позиционировании с помощью jQuery, начиная с последней версии 1.4.4.