如果條件始終工作在$（窗口）.resize功能

Question

我有這樣的劇本，我希望在窗口只有不到768pxconsole.log('less than 768px');但我的腳本作品一貫窗口時，更多的則是768px，請幫助我的人:(

var width = $(window).width(); 
    $(window).on('resize',function(){ 
     if (width < 768){ 
      console.log('less than 768px'); 
     }else{ 
      console.log('nothing'); 
     } 
    }); 

Answer 1

你需要得到調整大小事件回調內部寬度得到更新值：

$(window).on('resize',function(){ 
    var width = $(window).width(); 
    if (width < 768){ 
     console.log('less than 768px'); 
    }else{ 
     console.log('nothing'); 
    } 
}); 

Answer 2

您需要在resize處理程序中設置width變量，否則它僅使用頁面加載時設置的窗口寬度。

$(window).on('resize',function(){ 
    var width = $(window).width(); 

    if (width < 768){ 
     console.log('less than 768px'); 
    } else { 
     console.log('nothing'); 
    } 
}); 

Answer 3

設置寬度值

$(window).resize(function(){ 
    var width = document.documentElement.clientWidth || document.body.clientWidth || window.innerWidth; 
if (width < 768){ 
    console.log('less than 768px'); 
} else{ 
    console.log('nothing'); 
} 
})