javascript - 重新加载链接的文件 HTML

Question

我正在使用灯箱来显示多个画廊。有一个外部导航片段执行内部 HTML 并将一系列新图像写入“图库部分”。一旦调用改变信息的 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();
}