调整方向改变大小后调用或调用函数答案

【问题标题】：Call or Uncall function after resize or orientation changee调整方向改变大小后调用或调用函数
【发布时间】：2012-09-27 22:15:53
【问题描述】：

我正在开发一个移动网络项目，该项目根据屏幕尺寸在两列或单列视图之间切换。对于某些设备尺寸，从纵向更改为横向会在单列和双列之间切换。页面底部有三个并排的特征图像，用于两列视图，但我们希望变成单列中的内容滑块。

我的问题：
当屏幕宽度低于某个宽度时，我调用的 javascript 条件函数。但是，如果您更改屏幕的方向/大小，它不会调用该功能或重新评估屏幕宽度。

我有什么：

if( $(window).width() < 570) { 
    $(window).load(function() { 
        $('.flexslider').flexslider(); 
    }); 
}

在调整大小事件后观察调整大小和调用/调用函数的最佳方式是什么？

【问题讨论】：

标签： javascript mobile

【解决方案1】：

在窗口上使用 jQuery 调整大小事件。 jsfiddle

$(window).resize(function(){
 //your code

});

【讨论】：

【解决方案2】：

按照 Shusl 所说的，您需要在 $(window).resize(); 中创建函数

我要做的是创建函数并确保也触发它。所以它会像 -

$(window)resize(function() {

    winWidth = $(window).width();
    winHeight = $(window).height();

    if (winWidth < 570) {

       $(window).load(function() { $('.flexslider').flexslider(); });

    }
   else {
      // do something else
   } 

   }).trigger("resize");

【讨论】：