Jquery 手风琴和 Galleria JS 图像查看器问题答案

【问题标题】：Jquery accordion and Galleria JS image viewer issuesJquery 手风琴和 Galleria JS 图像查看器问题
【发布时间】：2012-02-19 21:46:05
【问题描述】：

我目前正在为自己制作一个网络作品集，但我抱怨手风琴有点问题。

目前我以这种方式初始化手风琴：

$(function() {
    $( "#accordion" ).accordion({
         active: false,
         autoHeight: false,
         navigation: true,
         collapsible: true
    });
});

这非常有效，但是我使用的是 Galleria JS 图像查看器 (www.Galleria.io)，它也必须为我的每个项目进行初始化。问题是因为折叠式内容是隐藏的，所以图像查看器会遇到初始化错误。

有人告诉我，我必须将 Galleria 元素放在视口之外或更改手风琴的工作方式。有人对如何解决我的问题有任何建议吗？

【问题讨论】：

请发布手风琴插件的链接、jsFiddle 示例或其他解释手风琴工作原理的代码。
对此感到抱歉。澄清手风琴是标准的jquery ui手风琴。除了 css 和上面在初始化时显示的选项外，我没有对其进行太多修改。链接：jqueryui.com/demos/accordion

标签： jquery galleria

【解决方案1】：

您可以尝试在手风琴更改事件处理程序而不是 onload 中初始化 Galleria：

http://jqueryui.com/demos/accordion/#event-change

更新：

版本 1.2.7，目前处于测试阶段，让您设置一个等待选项。这允许您告诉 Galleria 在初始化之前等待画廊提取计算测量值的时间。

设置 wait:true 应该可以解决问题，然后它将等待无穷大（或直到通过用户交互显示图库）。

在 github 下载测试版：https://github.com/aino/galleria

等待选项文档：https://github.com/aino/galleria/blob/master/docs/options/wait.rst

【讨论】：