Как вывести значение объекта при resize в реальном времени, вне обертки resize (JQuery)?

Question

[NotBad_Bugfix]

Есть код, видим есть объект "present" в нем есть свойства, а свойство width должно изменяться при изменении размера экрана. Понятно, что следует использовать resize и я использовал его. Так же понятно, что новое значение будет выводится только внутри resize, но мне нужно использовать обновленное значение вне обертки resize, если вы не поняли вопроса, то код покажет что я хочу

$(function() {

	var present = {
		container: $("#present"),
		images: $(".images"),
		width: $("#present").width()
	};

	$(window).resize(function() { present.width = $("#present").width(); });

	console.log(present.width); 

});

Answer 1

[vdem]

Код, который внутри обработчика resize, должен работать так, как и ожидается - т.е. обновлять свойство width в объекте present. В console log должно выводиться начальное значение width, как и ожидается. Так что не работает-то? Если Вы ожидаете, что в log при каждом изменении размера окна будет выводиться обовленное значение width, то Вы ошибаетесь, в Вашем коде это значение выводится только один раз, при загрузке страницы.

Comments

[NotBad_Bugfix]

я и так знаю, что в моем коде. Мне нужно, чтобы выводилось обновленное значение. Кэп.

[vdem]

Надо добавить в обработчик resize вывод значения в log :) А в present тоже будет обновленное значение.

[vdem]

Кстати, лучше писать не
$(function() {
, a
jQuery(function($) {
тогда не будет возможных проблем с совместимостью.

[NotBad_Bugfix]

@vdem о б-ги. Мне нужно использовать обновленное значение и в других участках, вне resize.

[vdem]

@NotBad_Bugfix Оно и будет там (в present.width)! Просто при изменении размера обновленное значение в лог не пишется, потому что про это ничего не сказано в обработчике resize. При изменении размера окна будет выполняться ТОЛЬКО тот код, который находится между фигурными скобками функции-обработчика resize - ...resize(function() { только это будет выполняться, а не вызов console.log, который идет строкой ниже ВНЕ этой функции })

[vdem]

@NotBad_Bugfix Сделайте кнопку, повесьте ей обработчик click, и выводите в нем в console log значение present.width. Вы увидите, что оно там есть - измененное.