Javascript JQuery砌体和基础5 我用Dylan Baumann的GITHUB库来整合砌体和基础。它在基础3中工作得很好，但是在基础5中效果不太好。在F3和F5上，我得到垂直堆叠的图像

对于F3，我使用以下JS调整窗口大小并停止垂直堆叠图像：

$(".title").click(function () {
  $(window).trigger('resize'); 

}))

但在F5中，这不适用于以下（砌体是在基础手风琴元素内）：

var$container=$（“#container”）；
$container.imagesLoaded（函数（）{
$container.com({
itemSelector:“.box”，
isFitWidth:正确
}); 
});
$（#secondary div.row div.small-12.large-9.columns dl.accordion dd.accordion-navigation a”）。打开（“单击”，函数（）{
$（window.trigger（'resize'）；
});

F5中Accordion元素的标记已更改，因此窗口大小调整目标已更改。我尝试过许多不同的方法，但都没能奏效

-需要点击“Bilder far Adventure”

---

有人找到了解决图像堆叠问题的方法吗？

好的，我找到了。使用

window.dispatchEvent（新事件（“调整大小”））

而不是window resize：

$("dd.accordion-navigation a").on("click", function () {
    window.dispatchEvent(new Event("resize"))
});

---

工作

我正在用Jekyll做一个内容网站项目，在我做研究的时候，我想出了一个可能的答案：

我建议你去做

$("dd.accordion-navigation a").on("click", function () {
    window.dispatchEvent(new Event("resize"))
});