javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

Correctly handle DOM Ready states

Browse Source 
Previously, if the script was loaded while in `document.readyState` of `interactive`, the `domReady` function is never called.

See https://developer.mozilla.org/en-US/docs/Web/API/document.readyState for explanation of the proper detection of `DOMContentLoaded`
This commit is contained in:
chaffeqa
2014-09-16 19:03:35 -04:00
parent db27fb116c
commit 1f96d971f1
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
js/utils/dom.js
View File

@@ -1,7 +1,7 @@
(function(window, document, ionic) {
var readyCallbacks = [];
var isDomReady = false;
var isDomReady = document.readyState === 'complete' || document.readyState === 'interactive';
function domReady() {
isDomReady = true;
@@ -11,7 +11,10 @@
readyCallbacks = [];
document.removeEventListener('DOMContentLoaded', domReady);
}
document.addEventListener('DOMContentLoaded', domReady);
if (!isDomReady){
document.addEventListener('DOMContentLoaded', domReady);
}
// From the man himself, Mr. Paul Irish.
// The requestAnimationFrame polyfill
@@ -110,7 +113,7 @@
* @param {function} callback The function to be called.
*/
ready: function(cb) {
if(isDomReady || document.readyState === "complete") {
if(isDomReady) {
ionic.requestAnimationFrame(cb);
} else {
readyCallbacks.push(cb);