javascript - 重新加载链接文件 HTML

Question

我正在使用灯箱来显示多个画廊。有一个外部导航 block 执行innerHTML 并将一系列新图像写入“图库部分”。一旦调用 onClick 函数来更改信息，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>');
}

Answer 1

您可以尝试重新初始化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();
}