不能在顏色盒中使用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
        });
    }
});