Событие изменения размера jQuery не срабатывает

Я думаю, что ваше оповещение вызывает проблему, попробуйте вместо этого

 $(window).resize(function() {
   $('body').prepend('<div>' + $(window).width() + '</div>');
 });

jsfiddle

лучше избегать присоединения к событиям, которые потенциально могут генерировать много срабатываний, таких как изменение размера окна и прокрутка тела, лучший подход к лавинной рассылке из этих событий - использовать таймер и проверять, произошло ли событие, а затем выполнять правильное действие , что-то вроде этого:

$(function() {
    var $window = $(window);
    var width = $window.width();
    var height = $window.height();

    setInterval(function () {
        if ((width != $window.width()) || (height != $window.height())) {
            width = $window.width();
            height = $window.height();

            alert("resized!");
        }
    }, 300);
});

Еще одним преимуществом использования таймера является то, что у вас есть полный контроль над тем, как часто нужно проверять, что дает вам гибкость, если вам нужно учитывать какие-либо дополнительные функции на странице.

работает в любом браузере:

http://jsbin.com/uyovu3/edit#preview

$(window).resize(function() {
  $('body').prepend('<div>' + $(window).width() + '</div>');
});

5 лет спустя...

Единственный браузер, с которым у меня возникла эта проблема, — это Chrome; У меня нет Сафари.

Я заметил паттерн, который работает, когда я встраиваю код:

<script type="text/javascript">
    $(window).resize(function(e) { console.log("resize inline", +new Date()) });
</script>

но нет, когда я помещаю его в отдельный файл Javascript, который я загружаю:

<script type="text/javascript" src="/js/resized.js"></script>

где скрипт содержит

console.log('script loaded');
$(window).resize(function(e) { console.log("resize in script file", +new Date()) });

Я могу только догадываться, что это какая-то «защита», встроенная командой разработчиков Chrome, но это глупо и раздражает. По крайней мере, они могли позволить мне обойти это, используя некоторую «политику того же домена».

Обновить некоторое время. Я думал, что с помощью $(document).ready() это исправлено, но, видимо, я ошибался.

пытаться

$(document).resize(function(){ ... };);

Я думаю, что это документ, который последовательно запускает изменение размера в браузерах. Но я сейчас не на работе, чтобы проверить, что я обычно делаю.

Я был с той же проблемой, видел все виды решений и не работал.

Проведя некоторые тесты, я заметил, что $(window).resize, по крайней мере, в моем случае, срабатывает только с $(document).ready() перед ним. Не $(функция()); ни $(окно).ready();

Итак, мой код сейчас:

$(document).ready(function(){
  $(window).resize(function(){
      // refresh variables
      // Apply variables again
  });
});

...и даже работа по тревоге!

Попробуйте этот код.

window.addEventListener("resize", function(){
    console.log('yeap worked for me!');
})