窗口調整大小功能只有一次特定的窗口大小

Question

大家好我需要，如果窗口小於768px警報一些，如果窗口大於768px警報一些，我有這個腳本和else if(){}不工作時窗口大小超過768px ps我需要這個heppend總是在窗口小於768px或超過768px

var i = 0; 
$(window).resize(function(){ 
    if(width < 768 && i == 0){ 
     alert('less than 768px'); 
     i++; 
     alert(i); 
    }else if(width > 768){ 
     alert('more than 768px'); 
     i==0; 
    } 
}); 

Answer 1

，而不是i==0;應該i=0;內else if()因爲你是來i分配價值0。

雖然我不知道爲什麼，其實你正在使用i但你完整的代碼應該是這樣的： -

var i = 0; 
$(window).resize(function(){ 
    if(width < 768 && i == 0){ 
     alert('less than 768px'); 
     i = 1; 
    }else if(width > 768 && i == 1){ 
     alert('more than 768px'); 
     i = 0; 
    } 
}); 

Answer 2

var i = 0; 
$(window).resize(function(){ 
    var width = $(this).width(); 
    if(width < 768 && i == 0){ 
     alert('less than 768px'); 
     i = 1; 
    }else if(width > 768){ 
     alert('more than 768px');   
    } 
});