jQuery调整大小事件没有触发

Question

无论出于何种原因如下:

$(function() {
  $(window).resize(function() {
    alert("resized!");
  });
});

仅在加载页面时触发事件.调整浏览器窗口的大小在Safari和Firefox中都不起作用.我没有在任何其他浏览器上尝试过它.

任何想法或解决方法？

Answer 1

我认为你的警报引起了一个问题,试试这个

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

的jsfiddle

Answer 2

最好是避免连接到可能产生大量的触发,如窗口大小调整和车身滚动,更好的方法,从这些事件驱是使用计时器,以确认是否即使已经发生的事件,然后执行适当的行动,像这样:

$(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);
});

使用计时器执行此操作的另一个好处是您可以完全控制检查的频率,如果您必须考虑页面中的任何其他功能,则可以灵活使用