Получить ширину элемента после изменения размера

Question

Возможно ли получить размер элемента после его изменения с помощью $ (el) .css()?

Мой кода:

function resize() { 
    $(".combobox").css('width', '100%'); 
    var width = $(".combobox").width(); 
} 

Я получаю реальную стоимость выпадающего списка только после вызова функции во второй раз. Первый раз получает ширину перед выполнением $ (". Combobox"). Css ('width', '100%');

Я полагаю, что это ошибка DOM, которая не воссоздается после .css(). Есть ли способ принудительно перезагрузить DOM?

Заранее благодарен!

Answer 1

Попробуйте поставить часть кода, которая получает ширину в таймере, запланированного на 1 миллисекунду ...

Браузер не будет делать изменения размера вычисление во время выполнения скрипта. Если вы планируете таймер и выходите из функции JS, браузер обновит состояние всех измененных элементов DOM, а затем запустит таймер, поэтому к тому времени будет обновлена ​​ширина вашего combobox.

я использовал что-то очень похожее на основе GWT страницы

Этот трюк работает не только для JS, но во многих рамок GUI, которые делают макет в замедленной образом.

Answer 2

Try сцепления две функции:

function resize() { 
    var width = $(".combobox").css('width', '100%').width(); 
}