当页面内容通过无限滚动更新时，下一图像不起作用

Question

我使用fancybox 3和无限的sctoll。当我向下滚动时，一切正常。但是，如果我打开1个图像并按下下一个按钮，则# Plot heatmap f, ax = plt.subplots() lognorm = colors.LogNorm(vmin = data.min(), vmax = data.max()) heatplot = ax.imshow(data, vmin = 1, norm = lognorm, cmap = 'Greens') # Move axis to top-right and remove bottom and left line ax.xaxis.set_ticks_position('top') ax.yaxis.set_ticks_position('right') ax.spines['bottom'].set_visible(False) ax.spines['left'].set_visible(False) # Use instead of ax.set_title to move title a bit higher up f.suptitle('Overlap') # Add colorbar cb = f.colorbar(heatplot) f.show() 加载的项目在页面上，但在当前页面的末尾，下一个按钮不会打开下一个图像。如果关闭当前弹出窗口并再次打开，则可以在下一页之前再次进入下一步。为什么动态添加项目不适用于下一个按钮？

$infScroll.infiniteScroll('loadNextPage');

Answer 1

从页面添加/删除项目不会自动影响当前打开的fancybox库。您需要手动更新图库 -

// Call `createGroup` with collection of fresh links 
$.fancybox.getInstance().createGroup( $('.img-box')  );

// Update controls
$.fancybox.getInstance().updateControls();