重新加载链接的文件HTML

Question

我正在使用lightbox来显示多个画廊。有一个外部导航片，它执行innerHTML并将一系列新图像写入“图库部分”。一旦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(); 
}