Javascript jQuery宽度变化检测

现在已解决，谢谢

对于我的resize（）问题，我已经看到了很多近似的答案，下面是我的代码：

“larger（）”是一个布局函数，当屏幕宽度大于等于501时，无论设备方向如何，我都要调用它，“smaller（）”是一个当屏幕宽度小于501时我要调用的函数

我的问题是我不希望在window.height更改时调用这些函数。请注意，在我的页面中，我在移动视图中使用了一个手风琴，如果我展开了一个手风琴面板，它会增加页面的高度，即使浏览器窗口没有重新调整大小。jQuery将其视为window.resize

$(window).resize(function(e) {
    var winWidth = $(window).width();
    if (winWidth >= 501){
       larger();
    }
    if (winWidth < 501){
       smaller();
    }
});

$（窗口）。调整大小（函数（e）{
var winWidth=$（window.width（）；
如果（winWidth>=501）{
较大的（）；
}
如果（winWidth<501）{
较小的（）；
}
});

感谢您的回答，如果需要澄清，请告诉我

我正在使用

jquery-1.11.0.min.js

和

jquery-ui-1.10.3.custom.min.js

---

谢谢

如何存储对上一宽度的引用，如果宽度在调整大小时发生了变化，则调用您的函数-否则跳过它。像这样：

// If you don't want it to change the first time
// then set this value on document load to get initial window width
var prevWinWidth = 0;

$(window).resize(function(e) {
    var winWidth = $(window).width();

    if(winWidth != prevWinWidth) {
        if (winWidth >= 501){
            larger();
        }
        if (winWidth < 501){
            smaller();
        }
        prevWinWidth = winWidth;
    }
});

//如果您不想第一次更改它
//然后在文档加载时设置此值以获得初始窗口宽度
var-prevWinWidth=0；
$（窗口）。调整大小（函数（e）{
var winWidth=$（window.width（）；
如果（winWidth！=prevWinWidth）{
如果（winWidth>=501）{
较大的（）；
}
如果（winWidth<501）{
较小的（）；
}
prevWinWidth=winWidth；
}
});

创建一个全局变量，用于跟踪窗口的最后一个已知宽度。仅当宽度正在更改时，才计算宽度以调用相应的函数

var lastWidth = 0;
$(window).resize(function (e) {
    var winWidth = $(window).width();
    if (lastWidth !== winWidth) {
        winWidth >= 501 ? larger() : smaller();
        lastWidth = winWidth;
    }
});

---

嗨，问题是当页面高度改变时，我不想在高度改变时调用嵌套函数。我想我需要的是一种检测物理浏览器重新调整大小的方法，而不是检测窗口大小，但是如果在不改变宽度的情况下发生高度变化，则不会调用它们。如果您不希望在高度发生变化时调用函数，那么请使用一个变量来跟踪高度变化，并且仅在宽度发生变化但高度尚未解决时调用函数，谢谢