Javascript 在HTML中重新加载链接文件

我使用lightbox显示多个画廊。有一个外部导航块，它执行innerHTML并将一系列新的图像写入“gallery部分”。一旦调用了onClick函数来更改信息，lightbox就不起作用。我已经在这个问题上纠结了一段时间，我甚至不知道该问什么，所以我到目前为止的想法如下：

我认为我需要重新加载或初始化lightbox脚本，以包含新的图像集来预加载它们。我不知道该怎么做。这是一个可能的解决方案吗

//--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>');
}

/--lightbox启动参数
$（函数（）{
$（#画廊a'）。灯箱（）；
});
//--开关库
函数newGallery（）{
document.getElementById（'main_content_container'）。innerHTML=（''）；
}

您可以尝试重新初始化lightbox的代码，如下所示

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();
}

函数newGallery（）{
$（'#主内容容器'）.html（''）；
$（#画廊a'）。灯箱（）；
}

您可以显示网页或制作JS小提琴吗？