重新加载链接文件HTML

Question

我正在使用灯箱来展示多个画廊。有一个外部导航片可以执行innerHTML并将一系列新图像写入“gallery section”。一旦调用onClick函数更改信息，灯箱就不起作用。我现在已经坚持了一段时间，我甚至不确定要问什么，所以这就是我到目前为止的想法：

我认为我需要重新加载或重新初始化灯箱脚本以包含新的图像集以预加载它们。我无法弄清楚如何做到这一点。这是一个可能的解决方案吗？

//--lightbox launch params
$(function() { 
    $('#gallery a').lightBox();
});

//--switch gallery
function newGallery(){
    document.getElementById('main_content_container').innerHTML = ('<div id="gallery"><a href="imgs/1.jpg"><img src="imgs/thumb/1.jpg" id="gallery_thumbnail"/></a></div>');
}

Answer 1

您可以尝试重新启动灯箱代码，例如

function newGallery(){
    $('#main_content_container').html('<div id="gallery"><a href="imgs/1.jpg"><img src="imgs/thumb/1.jpg" id="gallery_thumbnail"/></a></div>');
    $('#gallery a').lightBox();
}