WordPress中图片库加载完成后触发Resize事件的技术问询

需求：在WordPress环境下，需要在图片库所有图片加载完成后，手动触发窗口的Resize事件。

已知图片库插件会在图片加载完成时触发以下事件：

$(document).trigger('woocommerce_gallery_images_loaded');

我尝试在主题的functions.php中添加以下代码，通过监听上述事件来触发Resize事件：

function wpcom_javascript() {
?><script>
jQuery(document).on('woocommerce_gallery_images_loaded', function() {
    window.dispatchEvent(new Event('resize'));
});
</script><?php
}
add_action('wp_footer', 'wpcom_javascript');

内容的提问来源于stack exchange，提问作者Filippo