需要關於這個jQuery代碼的幫助

Question

這段代碼很完美，但我需要它在我打開瀏覽器時工作。此外，當我調整我的瀏覽器的移動菜單兩個功能的工作懸停和切換。

$(window).on('resize', function(event) { 
    var windowWidth = $(window).width(); 
    if (windowWidth < 1024) { 
    $(document).ready(function() { 
     $(".menu-item-has-children").hover(function() { 
     $(".sub-menu").css("display", "block"); 
     }, function() { 
     $(".sub-menu").css("display", "none"); 
     }); 
    }); 
    } else if (windowWidth > 1024) { 
    jQuery(document).ready(function() { 
     $('.menu-item-has-children').click(function() { 
     $(this).find('.sub-menu').toggle(); 
     }); 
    }); 
    } 
}); 

Answer 1

我的最好的方法將被替代代碼：

var reszFn = function(event) { 
    var windowWidth = $(window).width(); 
    if (windowWidth < 1024) { 
    $(document).ready(function() { 
     $(".menu-item-has-children").hover(function() { 
     $(".sub-menu").css("display", "block"); 
     }, function() { 
     $(".sub-menu").css("display", "none"); 
     }); 
    }); 
    } else if (windowWidth > 1024) { 
    jQuery(document).ready(function() { 
     $('.menu-item-has-children').click(function() { 
     $(this).find('.sub-menu').toggle(); 
     }); 
    }); 
    } 
}; 
$(document).on('ready', reszFn); 
$(window).on('resize', reszFn); 

Answer 2

就觸發調整大小功能

$(window).on('resize', function(event) { 
    var windowWidth = $(window).width(); 
    if (windowWidth < 1024) { 
    $(document).ready(function() { 
     $(".menu-item-has-children").hover(function() { 
     $(".sub-menu").css("display", "block"); 
     }, function() { 
     $(".sub-menu").css("display", "none"); 
     }); 
    }); 
    } else if (windowWidth > 1024) { 
    jQuery(document).ready(function() { 
     $('.menu-item-has-children').click(function() { 
     $(this).find('.sub-menu').toggle(); 
     }); 
    }); 
    } 
}).resize();