Как правильно определять меняющуюся ширину класса для шага в слайдере?

Question

[Наталия]

Добрый день!
Есть такая часть кода:

var left = -page * 296;            
 this._mainContainer.animate({marginLeft: left}, 800);

_pagesContainer и left - определены.

Вопрос такой: Как вместо 296 указать переменную, определяющуюся по функции, которая будет считать длину блока с определенным классом, например, '.element_content'
вначале этот класс (.element_content) имеет ширину 296, на которую, собственно и сдвигается слайдер, но при разном разрешении он будет высчитываться калькулятором, поэтому необходимо в этот код добавить переменную вместо 296 для подставления текущей длинны этого класса.
Заранее спасибо!

Answer 1

[Павел Корнилов]

Как вариант:

var left = -page * element.getBoundingClientRect().width;

Можно еще пользовать getComputedStyle для этих целей.

Comments

[Наталия]

Спасибо, но не работает.
У меня меняется ширина класса .element_content.
Есть блок, состоящий из нескольких подблоков с классом .element_content, и на ширину каждого подблока необходимо сдвигать слайдер, но эта ширина меняется.

[Павел Корнилов]

Наталия:
Тогда код нужен. Возможно, нужно суммировать ширины подблоков, возможно - брать ширину родителького блока. Короче, дальше камлание с бубном начинается.
Выложите в codepen свой пример.