在Wordpress中的页面加载上执行jQuery脚本

Question

我有一个具有一定宽度和高度的图像网格。我需要它们成为一个正方形，所以我使用jQuery通过获取宽度值并将其指定为高度来完成此操作。代码如下：

jQuery(document).ready(function($){
    $(window).on('resize', function(){
        var width = $(".post-size-2x2")[0].getBoundingClientRect().width;
        $('.post-size-2x2').css({
            'height': width + 'px'
        });
    });
});

我遇到的问题是网格首先使用默认大小呈现，并且在页面完全加载后3-4秒后，然后执行此脚本。我猜这与

有关

  

“jQuery（document）.ready（function（$）”...

如何解决此问题，以便脚本在页面加载时立即执行？