Javascript 页面加载时的照片对齐应为网格

我正在处理一个需要以3列开始的网格显示图片的页面。但每次页面加载时，图片都作为一列从页面左侧垂直向下加载

只有在拉伸浏览器后，照片才会重新对齐

我希望它已经在一个网格中的3列一旦页面加载

有什么想法吗

//在浏览器中加载DOM文档时
$（文档）.ready（函数（）{
$（“#菜单关闭”）。单击（功能（e）{
e、 预防默认值（）；
$（“#边栏包装”）.toggleClass（“活动”）；
$（“#菜单切换”）.show（“活动”）；
$（“菜单关闭”）.hide（“活动”）；
});
//打开侧边栏菜单
$（“#菜单切换”）。单击（功能（e）{
e、 预防默认值（）；
$（“#边栏包装”）.toggleClass（“活动”）；
$（“菜单关闭”）。显示（“活动”）；
$（“#菜单切换”）.hide（“活动”）；
});
//关闭侧边栏菜单
$（“#菜单-关闭2”）。单击（功能（e）{
e、 预防默认值（）；
$（“#边栏-wrapper2”）.toggleClass（“活动”）//slideUp（50）；
});
//打开侧边栏菜单
$（“#菜单-切换2”）。单击（功能（e）{
e、 预防默认值（）；
$（“#侧边栏-wrapper2”）.toggleClass（“活动”）//向下滑动（50）；
});
/*基本画廊*/
//滚动到页面上选定的菜单项
$（函数（）{
$（'a[href*=#]：非（[href=#]）。单击（函数（）{
if（location.pathname.replace（/^\/，“”）=this.pathname.replace（/^\/，“”）| | location.hostname==this.hostname）{
var target=$（this.hash）；
target=target.length？target:$（'[name='+this.hash.slice（1）+']'）；
if（目标长度）{
$（'html，body'）。设置动画({
scrollTop:target.offset（）.top
}, 1000);
返回false；
}
}
});
});
jQuery（函数（$）{
$（“.swipebox”）.swipebox（）；
});

文件夹

全部展示
内衣
男人
女人

将此添加到

文档的末尾。ready（）

：

我认为应该可以，它会在浏览器上调用resize事件，从而触发更改

---

附言：我建议删除您在页面上加载的所有不同版本的Jquery。

将此添加到

Document.ready（）的末尾：

我认为应该可以，它会在浏览器上调用resize事件，从而触发更改

附言：我建议去掉你在页面上加载的所有不同版本的Jquery。
我把它放在哪里？我这样放，但它仍然不起作用：$（文档）。就绪（函数（）{$（窗口）。调整大小（）；下面的链接可能会有帮助：我把它放在哪里？我这样放，但它仍然不起作用：$（文档）.ready（函数（）{$（窗口）.resize（）；下面的链接可能会有帮助：
$( window ).resize()