如何删除响应设计的JavaScript调整大小功能？

Question

我已经为我的网页创建了自适应设计。

对于我的滑块功能，我使用JavaScript进行响应式设计。

这里是我的代码：

<script type="text/javascript"> 
     $(document).ready(function() { 
     initSlider(); 
     }); 

     function isMobile() { 
     return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera 
    Mini/i.test(navigator.userAgent); 
     } 

    $(window).resize(function() { 
if (!isMobile()) { 
    initSlider(); 
window.location.href = window.location.href; 
} 
    }); 


     function initSlider() 
     { 
     if ($(window).width() < 1024 && $(window).width() > 922) 
     { 


      }); 

     } 
     else if ($(window).width() < 921 && $(window).width() > 771) 
     { 


      }); 

     } 
     else if ($(window).width() < 770 && $(window).width() > 568) 
     { 


      }); 

     } 
     else if ($(window).width() < 569 && $(window).width() > 361) 
     { 

      }); 

     } 
     else if ($(window).width() < 360 && $(window).width() > 331) 
     { 


      }); 

     } 
     else if ($(window).width() < 330 && $(window).width() > 250) 
     { 


      }); 

     } 
     else 
     { 

      }); 

     } 
     } 
    </script> 

当我运行这段代码我得到了响应式设计，但..每次得到自动刷新网页的时间..

所以我需要删除调整大小功能具有相同的响应式设计功能。

我可以知道，是否可以避免调整大小函数或在我的网页中解决这个令人耳目一新的问题（每次）？

注意：我不能使用CSS这个特定的滑块响应式设计。

Answer 1

U可以尝试定制该

jQuery(document).ready(function($) { 

if(window.innerWidth<800) { 

$(".red").css("background","grey"); 

} 

$(window).resize(function(){ 

if(window.innerWidth<800) { 

$(".red").css("background","grey"); 
    $("div.dropdown").find("#stores").removeAttr("data-toggle"); 

} else if(window.innerWidth>800) { 

$(".red").css("background","red"); 

    $("div.dropdown").find("#stores").attr("data-toggle","dropdown"); 

} 

}); 

}); 

来源：https://css-tricks.com/forums/topic/jquery-window-resize-fires-only-once/