Jquery 窗口准备就绪时脚本未启动

我有一个脚本，可以向左调整text.div.block的大小，为大图片腾出空间。图片的宽度和高度由用户窗口决定。根据这些参数，text.div会自行调整

为了完成任务，脚本将在窗口准备就绪和调整大小时运行两次

在大多数浏览器上，当窗口准备就绪时，脚本可以正常工作，但在刷新时会出现一些问题，尤其是在Safari上。但是，resize脚本从未遇到任何错误

以下是在“调整窗口大小”时使用的脚本：

<script> 
$(document).ready(function() {
var imgWidth = ($(".picture img").width()+ 20 + "px");
  $(".block-left").css("margin-left", imgWidth);
});
</script>

您可以在这个屏幕截图上看到它应该完成什么：

---

我可以做什么来强制脚本首先加载

也许你应该改用：$window.on'load resize'，函数{…}；当然，去掉另一个handler@A.沃尔夫：哦，太好了，它起作用了，给我带来了更好的表现。我是否应该得出这样的结论：使用.on'load'比使用document.ready好/快？它们做的事情不一样：因此.on'load'在这里工作得更好，因为它可以更好地了解有关页面结构的更多信息？