如何刪除響應設計的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/