jquery gallery将不会加载lightbox

Question

我正在使用VisualLightBox我的网站上对投资组合的图片：http://www.kamenarstvo-kliestik.sk/en/portfolio.htm但当你打开例如： 厨房组合和任何图片直接打开，而不是在lightbox中。但是当您刷新厨房组合的页面或打开此链接http://www.kamenarstvo-kliestik.sk/en/portfolio/kitchen.htm时，图像将被正确打开。脚本也是正确的。

这里是我的portfolio.htm源http://pastebin.com/wNNPw820 ，这里是我的投资组合/ kitchen.htm源http://pastebin.com/Eyz086dt

Answer 1

好像VisualLightBox在页面加载时被初始化。您的链接是AJAX请求，因此在加载类别数据后即可上传DOM内容。 VisualLightBox不知道被加载的新元素，所以它不适用于它们。你应该再次运行VisualLightBox，类别数据请求完成后：

jQuery(document).ready(function(){ window.Lightbox = new jQuery().visualLightbox({borderSize:10,classNames:'vlightbox1',descSliding:true,enableRightClick:true,enableSlideshow:false,prefix:'vlb1',resizeSpeed:9,slideTime:8,startZoom:true}) }); 

或者modidy当前vlbdata1.js脚本：

// function to load the lightbox 
function init_visuallightbox() { 
    window.Lightbox = new jQuery().visualLightbox({ borderSize:10, classNames:'vlightbox1', descSliding:true, enableRightClick:true, enableSlideshow:false, prefix:'vlb1', resizeSpeed:9, slideTime:8, startZoom:true}) 
} 

// tells browser to load lightbox on page change or load 
jQuery(document).on('ready page:change', function() { 
    init_visuallightbox(); 
}); 

// tells browser to load lightbox after all ajax requests 
$(document).ajaxComplete(function(event, xhr, settings) { 
    init_visuallightbox(); 
}); 

Answer 2

它看起来像它的工作原理的图像时，之前已经预装。

尝试预加载，然后使用插件js。