jQuery .resize（）到一个特定的尺寸

Question

是否有可能用.resize();触发某些东西，但只有在调整到某个特定的宽度或高度时？或者只有当尺寸增加时？

Answer 1

如果您向resize添加处理程序，您将能够从$(this).height()和$(this).width()的处理程序内检查元素的大小。这样，如果数字不符合某些特征，您可以返回而不做任何事情。

检测尺寸的增加应该记住“最后一个”值，并将其与目前那些在处理程序中进行比较，例如可以：

$（“＃ID”）调整（函数（）{。 变种高度= $（本）.height（）; VAR宽度= $（本）.WIDTH（）;

var heightIncreased = height > lastHeight; 
var widthIncreased = width > lastWidth; 
var heightDecreased = height < lastHeight; 
var widthDecreased = width < lastWidth; 

if(heightIncreased || widthIncreased) { 
    // whatever 
} 

lastHeight = height; 
lastWidth = width; 

}）;

但是，请注意：没有保证，以多少倍的大小调整处理器将元素的过程中，被称为被调整（例如，你可能会在年底连续或只有一次triggerred），因为这取决于浏览器。