jQuery 图片与调整大小的浏览器冲突 window

Question

好吧，这让我很困惑（我花了好几个小时试图弄清楚）所以我希望也许一双全新的眼睛能够比我更容易地发现罪魁祸首。

有问题的页面在这里：http://centerpointesigns.com/dev/portfolio/

在桌面上转到该页面并打开 jQuery UI 手风琴之一。您应该会看到一些非常小的小图像（图库图像）。

现在，将您的浏览器 window 缩小到尽可能小，打开手风琴，然后慢慢将您的浏览器 window 再次拖回到完整大小。您现在应该会看到相同的图库图像随页面拉伸并相应地重新排列，直到它们达到最大页面宽度。

当您第一次访问该页面时，它们应该是这样开始的，但是无论出于何种原因，它们开始时都非常小。

正在使用的手风琴是 jQuery UI 手风琴，除了样式外没有自定义代码。奇怪的是，如果我从 jQuery 手风琴中删除这些图库图像并将其放在页面的其他位置（手风琴容器之外），那么它们可以正常工作 100#，就像它们应该的那样。

所以，这似乎是某种 jQuery 冲突，我完全不知道问题到底是什么。

想法？

Answer 1

您的问题已在 上得到解答，代码修改为

$('#accordion').on('accordionactivate', function() {
  $(window).triggerHandler("resize");
});

将其添加到 /dev/wp-content/themes/cps/js/functions.js，您就可以开始了。