Question

我构建了一个等待图像加载然后执行其他功能的函数。在Fierfox中，它总是在Chrome中运行，但它有时不起作用。它似乎停滞不前并且没有继续下去。哪个部分不好？我认为因为图像被加载，所以不会触发加载功能：

的jQuery

$("#myImages").load(function () {
    var a = $("#visual").find('img').width();
    var b = $("#visual").find('img').height();
    var c = (a - 0.6 * a);
    $("#box").css("height", b).css("width", (500 - c));
    $("#loading_screen").fadeOut();
    setTimeout(startAnimation, 800);
}).attr('src', 'big_image.png');

Answer 1

将整个事物包裹在准备就绪的功能中，就像这样......

$(document).ready(function() {
$("#myImages").load(function () {
    var a = $("#visual").find('img').width();
    var b = $("#visual").find('img').height();
    var c = (a - 0.6 * a);
    $("#box").css("height", b).css("width", (500 - c));
    $("#loading_screen").fadeOut();
    setTimeout(startAnimation, 800);
}).attr('src', 'big_image.png');
});

这样，在页面实际准备就绪之前，该函数不会尝试运行。

Answer 2

试试这个：

$(window).bind('load', function(){
   //Page loaded
});

jquery - 加载功能在Chrome中无法正常工作

2 个答案: