不能在颜色盒中使用jqZoom

Question

我想将jqzoom启用到ajax colorbox弹出窗口中，但无法正确打开。
我的代码：

/*colorbox*/
$('.colorbox1').colorbox({
overlayClose: true,
opacity: 0.5,
rel: "colorbox"
});

/*jqzoom*/
$('.jqzoom').jqzoom({
    zoomType: 'standard',
    lens:true,
    preloadImages: false,
    alwaysOn:false,
    zoomWidth: 250,
    zoomHeight: 250
});

Answer 1

我找到了答案。

不起作用的原因： jqZoom在将图像加载到Colorbox弹出窗口之前jqZoom渲染，因此jqZoom无法计算图像的确切尺寸（宽度X高度）。

我有两个解决方案以下的解决方案
解决方案1：在Colorbox弹出窗口jqZoom后渲染/调用jqZoom

setTimeout(function(){
    $('.jqzoom').jqzoom({
        zoomType: 'standard',
        lens:true,
        preloadImages: false,
        alwaysOn:false,
        zoomWidth: 250,
        zoomHeight: 250
    });
}, 1000);

解决方案2： Colorbox成功渲染后调用jqZoom

$('.colorbox1').colorbox({
    overlayClose: true,
    opacity: 0.5,
    rel: "colorbox",
    onComplete: function(){
        $('.jqzoom').jqzoom({
            zoomType: 'standard',
            lens:true,
            preloadImages: false,
            alwaysOn:false,
            zoomWidth: 250,
            zoomHeight: 250
        });
    }
});