一旦窗口的大小调整为771px以上或以下,我将在下面使用此代码执行jQuery命令。我将如何告诉浏览器,当代码突破771px以上时仅执行一次,然后返回低于px时再次执行。
jQuery(window).resize(function(){
if (jQuery(window).width() >= 771){
console.log(">");
}
if (jQuery(window).width() < 771){
console.log("<");
}
});
有了这段代码,控制台就会为浏览器窗口每更改一个像素记录一次“ <”,因此,在很多时候,我只希望它在上方时一次,而在其下方时一次。
浏览器不会帮您做到这一点。您必须保留resize事件处理程序,并将先前的宽度保留在变量中。然后将当前与上一个进行比较。
像这样的东西:
var previousWidth = jQuery(window).width();
jQuery(window).resize(function(){
var currentWidth = jQuery(window).width();
var threshold = 771;
if (previousWidth < threshold && currentWidth >= threshold)
console.log(">");
if (previousWidth >= threshold && currentWidth < threshold)
console.log("<");
previousWidth = currentWidth;
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句