Возможно ли использовать конструктор new ResizeSensor более чем с одним элементом?
Есть два блока, необходимо их сравнивать и в зависимости от ширины и высоты совершать определенные манипуляции.
Нашел такую библиотеку JS, в том числе поддерживающую Jquery (хотя на Jquery иногда и неверно вычисляющую размеры). но на JS вычисляет всегда правильно. Собственно вопрос. Возможно ли изменить следующую функцию (конструктор) чтобы работать в ней сразу с двумя (как минимум) или более селекторами? Вот так работает только с одним. var element1 = document.querySelector(".div-resize1"); var element2 = document.querySelector(".div-resize2"); new ResizeSensor(element1, function(size){ console.log('Ширина: ' + size.width + 'px'); console.log('Высота: ' + size.height + 'px'); console.log('размер содержимого изменен'); }); Заранее, благодарю! |
Если передать массивом:
var element1 = document.querySelector(".div-resize1"); var element2 = document.querySelector(".div-resize2"); let h12 = [element1, element2]; new ResizeSensor(h12, function(size){ //console.log('Ширина: ' + size.width + 'px'); //console.log('Высота: ' + size.height + 'px'); // вывести, например, значение высоты console.log(size.height); // выводится заничение и element1 и element2 одновременно console.log('размер содержимого изменен'); }); Как разделить значения element1 и element2? |
ozoro,
:-? |
Цитата:
сделал так: var element1 = document.querySelector(".div-resize1"); var element2 = document.querySelector(".div-resize2"); let h12 = [element1, element2]; new ResizeSensor(h12, function(size){ console.log(size); }); в консоль выводится: {width: 673, height: 2362} {width: 673, height: 1252} это получается массив с объектами? Как это вывести по отдельности, напимер высоту 1 и 2 элемента по отдельности? |
ozoro,
может сформулировать основную задачу? |
Часовой пояс GMT +3, время: 20:25. |