如果同时使用responsive lightbox和infinitescroll的开发者可能会遇到这样的一个情况。
当页面加载更多内容后,新内容中的lightbox却不能使用了。原因是新内容加载后并没有激活lightbox插件。
所以,道理就简单了。
responsive lightbox支持自定义事件中触发lightbox。
可以看到,我在表单中已经填写了append.infiniteScroll。
append.infiniteScroll就是infinitescroll的一个自定义事件。
使用方法:

$container.on( 'append.infiniteScroll', function( event, response, path, items ) {
  console.log( 'Loaded: ' + path );
});

当然,本文开头提到的问题,仅仅需要在responsive lightbox插件设置页面的Custom events(自定义事件)中添加append.infiniteScroll就可以了。
infiniteScroll的更多事件说明请看:https://infinite-scroll.com/events.html