2012-01-27 3 views
2

Вот где я нахожусь:Огонь JQuery сценарий OnLoad и окна размер

onResize = (function($) { 
//Do stuff 
}); 
$(document).ready(onResize); 
$(window).bind('resize', onResize); 

Скрипт вычисляет ширину это содержащий DIV, а затем выкладывает галереи соответственно. Он работает правильно (независимо от ширины окна), но, похоже, не срабатывает при изменении размера. Проблема? Создает проблемы с макетами со своими медиа-запросами.

+0

Вопрос обсуждается здесь: http://stackoverflow.com/questions/641857/javascript-window-resize-event и здесь: http://stackoverflow.com/questions/599288/cross-browser-window -resize-event-javascript-jquery – valentinas

+0

Проблема может заключаться в том, что вы ожидаете, что '$' будет ссылаться на 'jQuery'. Это верно, когда функция вызывается как «готовый» обратный вызов, но как ответ на событие «resize», она будет ссылаться на объект события. Кроме этого, код, который вы опубликовали, выглядит отлично. –

+0

Возможный дубликат функции jQuery resize не работает при загрузке страницы (http://stackoverflow.com/questions/2597152/jquery-resize-function-doesnt-work-on-page-load) – davidcondrey

ответ

0

Ваш код работает правильно в Chrome.

0

Justin W Hall, я попробовал это в моей хромированной консоли:

onResize = (function($) { console.log('resized') }); 
    console.log('resized') 
}); 
$(document).ready(onResize); 
$(window).resize(onResize); 

и он работал нормально.

пс. Если вы запустите этот код, вы заметите, что функция onResize срабатывает два раза (с отображением 2 «измененных размеров» сообщений) при изменении размера окна.

+0

Не работает для меня , Консоль говорит мне, что onRezie - неопределенная функция. – Evans

+1

правописание .. onResize – davidcondrey

Смежные вопросы