Question

我有这个代码来启动 jQuery elevateZoom 但是，只有在我之前添加alert()时才有效。

我已尝试使用/不使用load()功能。

jQuery(document).ready(function($){
    alert("Hi");
    $("#sh-product-main-image").load(function(){
        $(this).elevateZoom({
            zoomType: "inner",
            debug : true,
            cursor: "crosshair", 
            zoomWindowFadeIn: 500,
            zoomWindowFadeOut: 500
        }); 
    }); 
});

这是我尝试过的代码的另一种变体：

jQuery(document).ready(function($){
    alert("Hi");
    $("#sh-product-main-image").elevateZoom({
        zoomType: "inner",
        debug : true,
        cursor: "crosshair", 
        zoomWindowFadeIn: 500,
        zoomWindowFadeOut: 500
    }); 
});

Answer 1

这是因为$(window).on("load", function() { $("#sh-product-main-image").elevateZoom({ zoomType: "inner", debug : true, cursor: "crosshair", zoomWindowFadeIn: 500, zoomWindowFadeOut: 500 }); });在加载DOM时发生，而不是在加载所有图像时发生。警报会导致延迟，并允许加载图像的时间。

以下内容应该有效：

compression

jQuery elevateZoom仅在我之前发出alert（）时工作

1 个答案: