使用异步加载在嵌套组件中进行Jquery初始化

Question

我有一个专辑组件，然后为专辑中的每个图像使用一堆图像组件。插入相册后，它会调用灯箱功能来点亮图像。这是在图像的父元素上完成的，以使您能够在图像之间滑动等。当你转到专辑本身的url时，这在专辑组件的didInsertElement函数中完美地工作，因为来自后端的数据可用作专辑本身的嵌套数据。

但是，当我显示相册列表并且用户点击一个以显示该特定相册时，图像的数据将以异步方式加载。这意味着didInsertElement事件将在图像可用之前触发，因此灯箱不能正常工作，因为图像不存在于dom中。

在这种情况下你做了什么？

Answer 1

如何加载图像？

如果在图像组件中执行加载，则一种解决方案是让图像组件在加载图像时触发相册组件上的操作。

相册组件知道它包含多少图像组件。当多次触发图像加载操作时，让它触发灯箱。