jquery - функция загрузки не работает правильно в Chrome

Question

jquery - функция загрузки не работает правильно в Chrome

0

Я построил функцию, которая ждет загрузки изображения, а затем выполняет некоторые другие функции. В 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');

user2952265 20 дек. 2013, в 05:08

Источник

1

Вы используете это в document.ready?
Johan 20 дек. 2013, в 03:13
0

Я загружаю его в конце тела с JS Iffi
user2952265 20 дек. 2013, в 03:16
0

Было бы хорошо, если бы вы могли поставить скрипку ( jsfiddle.net )
Johan 20 дек. 2013, в 03:19
0

Я бы предложил заключить код в $(document).ready(function() {} . Это поможет убедиться, что DOM готов к запуску функции jQuery.
Charlie74 20 дек. 2013, в 03:22
0

Я думаю, потому что изображение загружено, функция загрузки не срабатывает
user2952265 20 дек. 2013, в 03:24

Показать ещё 3 комментария

Теги:

javascript

jquery

html

css

2 ответа

Ещё вопросы

Я загружаю его в конце тела с JS Iffi
Было бы хорошо, если бы вы могли поставить скрипку ( jsfiddle.net )
Я бы предложил заключить код в $(document).ready(function() {} . Это поможет убедиться, что DOM готов к запуску функции jQuery.
Я думаю, потому что изображение загружено, функция загрузки не срабатывает

Prateek · Answer 1 · 2013-12-20T02-17-00.000Z

Попробуй это:

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

Charlie74 · Answer 2 · 2013-12-20T01-04-00.000Z

Оберните все это в готовой функции, например...

$(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');
});

Таким образом, функция не будет пытаться запустить, прежде чем страница будет готова к ней.

Я так и сделал, но это не исправляет ошибку