窗口大小调整功能只对特定窗口大小一次

Question

大家好我需要的是，如果窗口少于768px警告一些，如果窗口超过768px警告一些，我有这个脚本，当窗口大小为else if(){}时，768px不起作用超过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; } });

时，我总是需要这个heppend

{{1}}

Answer 1

而不是i==0; i=0;内else if()因为您要为0分配值i。

虽然我不知道你为什么实际使用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');        
    }
});