safari中的$(window).resize():如果滚动窗口(但没有调整大小)也可以工作？

Question

我注意到,我的iphone5上有safari

$(window).resize()

它奇怪地工作......

我有这个代码:

$(document).ready(function () {
 $(window).resize(function() {
     avviaChart();
     initialize();
     if($('#time').is(':checked')){ 
         $("#time").removeAttr('checked');
         $("#Time").css('border','2px solid #ffffff');
     }  
  });   
});

这个代码应该只在窗口大小改变时工作....与其他浏览器工作非常好,但是如果我滚动页面(并且窗口的大小不变),使用safari代码也可以工作...

怎么可能？吴

Answer 1

这是iOS6 Safari中发生的已知错误.滚动时,resize事件会随机触发.幸运的是,这不是一个jQuery问题.

这个 类似问题的答案也可以解决您的问题.

对于懒惰:

3Stripe发布了你应该"存储窗口宽度并检查它是否已实际更改,然后继续使用$(window).resize函数"

他的代码片段:

jQuery(document).ready(function($) {

    /* Store the window width */
    var windowWidth = $(window).width();

    /* Resize Event */
    $(window).resize(function(){
        // Check if the window width has actually changed and it's not just iOS triggering a resize event on scroll
        if ($(window).width() != windowWidth) {

            // Update the window width for next time
            windowWidth = $(window).width();

            // Do stuff here

        }

        // Otherwise do nothing

    });

});

Answer 2

如您所见,在iphone/ipad和Android设备中,当您向下滚动页面时,地址栏会很小,当滚动到顶部地址栏大小将返回实际大小时,此操作将触发window.resize事件