Javascript jQuery(窗口)。仅调整函数触发器的大小一次,而不是每个像素
当窗口大小调整到771px以上或以下时,我将使用下面的代码执行jQuery命令。当代码在771px以上中断时,我如何告诉浏览器只执行一次代码,然后在代码返回到771px以下时再执行一次代码Javascript jQuery(窗口)。仅调整函数触发器的大小一次,而不是每个像素,javascript,jquery,html,Javascript,Jquery,Html,当窗口大小调整到771px以上或以下时,我将使用下面的代码执行jQuery命令。当代码在771px以上中断时,我如何告诉浏览器只执行一次代码,然后在代码返回到771px以下时再执行一次代码 jQuery(window).resize(function(){ if (jQuery(window).width() >= 771){ console.log(">"); } if (jQuery(w
jQuery(window).resize(function(){
if (jQuery(window).width() >= 771){
console.log(">");
}
if (jQuery(window).width() < 771){
console.log("<");
}
});
jQuery(窗口).调整大小(函数(){
如果(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;
});
var-previousWidth=jQuery(window.width();
jQuery(窗口).resize(函数(){
var currentWidth=jQuery(window).width();
var阈值=771;
如果(上一个宽度<阈值和当前宽度>=阈值)
console.log(“>”);
如果(先前宽度>=阈值和当前宽度<阈值)
控制台日志(“