Javascript 图像缩放仅在单击缩略图后在lightbox中起作用

我在一个灯箱中有一个图像缩放库，只有在点击缩略图时缩放才起作用。缩放需要立即工作

如有任何建议，将不胜感激

在这里拉小提琴

HTML:

---

似乎

colorbox

干扰了

elevateToom

配置。解决此问题的一种方法是在完成colorbox后初始化zoom插件，如下所示：

$(document).bind('cbox_complete', function(){
    $("#zoom_03f").elevateZoom({...options here...});
});

---

看到这段代码，它似乎被编程为点击而不是悬停触发。悬停在JS小提琴中工作，只是这不是第一次在JS小提琴中似乎不工作，你能试试吗

$(document).ready(function () {
    $('.fancybox').fancybox();
    $(".inline").colorbox({inline:true, width:"50%"});
    $("#zoom_03f").elevateZoom({
        constrainType:"height",
        constrainSize:274,
        zoomType: "lens",
        containLensZoom: true,
        gallery:'gallery_01f',
        cursor: 'pointer',
        galleryActiveClass: "active"
    }); 
    $("#zoom_03f").bind("click", function(e) {  
        var ez = $('#zoom_03f').data('elevateZoom');
        ez.closeAll(); // NEW: This function force hides the lens, tint and window  
        $.fancybox(ez.getGalleryList());     
        return false;
    }); 
}); 

$(document).bind('cbox_complete', function(){
    $("#zoom_03f").elevateZoom({...options here...});
});