Функция запуска после загрузки окна

Question

Мой плагин плавного перехода не работает, потому что изображения еще не закончили загрузку до прокрутки. Я попытался обернуть функцию hashchange в функции загрузки окна, но, похоже, окно для загрузки.

Редактировать: Это не работает, потому что высота страницы неверна до прокрутки страницы.

$(document) 
.on('click', 'a[href*="#"]', function() { 
if (this.hash && this.pathname === location.pathname) { 
$.bbq.pushState('#/' + this.hash.slice(1)); 
return false; 
} 
}) 

$(window).load(function() { 


$(window).bind('hashchange', function(event) { 
    var tgt = location.hash.replace(/^#\/?/,''); 
    if (document.getElementById(tgt)) { 
    $.smoothScroll({scrollTarget: '#' + tgt}); 
    } 
}); 

$(window).trigger('hashchange'); 
}); 

Любая помощь будет замечательной.

Answer 1

Вы можете обернуть функцию в

$(document).ready(function() { 
    //all your code here 
}); 

http://learn.jquery.com/using-jquery-core/document-ready/

Answer 2

я думаю, что вы можете использовать OnLoad событие тела элемента. На этом событии вся HTML-разметка вместе с изображениями загружается на баузер.

function onload() 
{ 
    // your logic here 

} 

Надеется, что это помогает ...

Примечания: Вы можете иметь только один OnLoad() реализации методы на HTML-документе.

Справочно: http://www.dotnet-tricks.com/Tutorial/aspnet/D719120612-Difference-between-document.ready-and-window.onload-or-pageLoad.html

Answer 3

Вы также можете использовать плагин, такие как https://github.com/alexanderdickson/waitForImages, который я использую часто - особенно, если страница загружается Аякс

Answer 4

я столкнулась с подобной проблемой в прошлом. Когда команда печати выполнялась перед загрузкой изображений во всплывающем окне. Может быть, это может помочь вам

[УД Fiddle Link] [1]

[1]: http://jsfiddle.net/Q5Xc9/685/