調整窗口大小時響應式Jquery函數不起作用

Question

調整瀏覽器窗口的大小后，此功能將無法首次使用，但在重新加載頁面后即可使用。

<script type="text/javascript">
if($(document).width() < 620){
    $(document).ready(function(){
        $(".flexy-menu").flexymenu({
            speed: 400,type: "vertical", indicator: false
        });
    });
}
</script>

為什么僅在重新加載后才能工作？

Answer 1

您是否嘗試過在resize函數中編寫函數

<script>
   $(document).ready(function(){
       $( window ).resize(function() {
          if($(document).width() < 620){            
               $(".flexy-menu").flexymenu({
                      speed: 400,type: "vertical", indicator: false
               });    
           }
        });
    });
 </script>

Answer 2

<script>
$(document).ready(function(){
    if($(document).width() < 620){            
            $(".flexy-menu").flexymenu({
                speed: 400,type: "vertical", indicator: false
            });    
    }
 });
</script>

您是否考慮過先等待文檔准備就緒？ 您還錯過了開始標簽