JQuery宽度方法-防止页面刷新

JQuery width method -prevent page refresh

本文关键字：刷新 方法 JQuery      更新时间：2023-09-26

我使用的宽度()方法来改变css时，窗口的宽度被改变，但代码只在每次页面刷新后工作。有没有办法在不刷新页面的情况下做到这一点?

`var mod= $(window).width();
 $(window).resize(function(){
   if(mod< 800){
        $(".information").css({"color":"green"});
     }
   else{    
        $(".information").css('color','yellow');
     }
 });
`

您的mod变量是在您的resize事件处理程序之外定义的，因此仅在页面首次加载时更新一次。

将其移动到事件处理程序中。

$(window).resize(function(){
   var mod = $(window).width();
   if(mod < 800){
        $(".information").css({"color":"green"});
     }
   else{    
        $(".information").css('color','yellow');
     }
 });

要使其在加载和调整大小时都工作，请将其移动到单独的函数中。使用此函数作为事件处理程序，并在页面加载时调用它一次。

演示

function size() {
   var mod = $(window).width();
   if(mod < 800){
        $(".information").css({"color":"green"});
     }
   else{    
        $(".information").css('color','yellow');
     }
}
$(window).on('resize', size);
size();
相关文章：