mirror of
https://github.com/jquery/jquery.git
synced 2024-11-23 02:54:22 +00:00
I've completely resolved the known issues with document ready. I use the known DOM ready functions that Mozilla and IE provides. For Opera and Safari I fall back to the original hack, but ignore it, and fall back to window.onload, if there are scripts embedded in the DOM.
This commit is contained in:
parent
4b6bcb235f
commit
08bb08fede
@ -41,13 +41,23 @@ $.fn.hover = function(f,g) {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
// Deprecated
|
// Handle when the DOM is ready
|
||||||
$.fn.onhover = $.fn.hover;
|
$.ready = function(isFinal) {
|
||||||
|
// If the timer was running, stop it
|
||||||
$.ready = function() {
|
|
||||||
if ( $.$$timer ) {
|
if ( $.$$timer ) {
|
||||||
clearInterval( $.$$timer );
|
clearInterval( $.$$timer );
|
||||||
$.$$timer = null;
|
$.$$timer = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
// If the last script to fire was in the body,
|
||||||
|
// we assume that it's trying to do a document.write
|
||||||
|
var s = document.getElementsByTagName("script");
|
||||||
|
s = s[s.length-1].parentNode.nodeName == "HEAD";
|
||||||
|
|
||||||
|
// Only execute if we're doing a sane way, or the window
|
||||||
|
// is loaded, or the final script is in the head
|
||||||
|
// and there's something to execute
|
||||||
|
if ( ( !$.badReady || isFinal || s ) && $.$$ready ) {
|
||||||
for ( var i = 0; i < $.$$ready.length; i++ ) {
|
for ( var i = 0; i < $.$$ready.length; i++ ) {
|
||||||
$.apply( document, $.$$ready[i] );
|
$.apply( document, $.$$ready[i] );
|
||||||
}
|
}
|
||||||
@ -55,31 +65,60 @@ $.ready = function() {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
if ( document.addEventListener ) {
|
// Based off of:
|
||||||
|
// http://linguiste.org/projects/behaviour-DOMContentLoaded/example.html
|
||||||
|
|
||||||
|
// If Mozilla is used
|
||||||
|
if ( $.browser == "mozilla" ) {
|
||||||
|
// Use the handy event callback
|
||||||
document.addEventListener( "DOMContentLoaded", $.ready, null );
|
document.addEventListener( "DOMContentLoaded", $.ready, null );
|
||||||
|
|
||||||
|
// If IE is used
|
||||||
|
} else if ( $.browser == "msie" ) {
|
||||||
|
// Use the defer script hack
|
||||||
|
var script = document.createElement('SCRIPT');
|
||||||
|
script.type = 'text/javascript';
|
||||||
|
script.src = 'javascript:$.ready();void(0);';
|
||||||
|
script.defer = true;
|
||||||
|
document.getElementsByTagName('HEAD')[0].appendChild(script);
|
||||||
|
script = null;
|
||||||
|
|
||||||
|
// Otherwise, try it the hacky way
|
||||||
|
} else {
|
||||||
|
$.badReady = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
$.event.add( window, "load", $.ready );
|
// A fallback, that will always work, just in case
|
||||||
|
$.event.add( window, "load", function(){
|
||||||
|
$.ready(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Bind a function to fire when the DOM is ready.
|
||||||
|
*/
|
||||||
$.fn.ready = function(f) {
|
$.fn.ready = function(f) {
|
||||||
return this.each(function(){
|
return this.each(function(){
|
||||||
if ( $.$$timer ) {
|
if ( $.$$ready ) {
|
||||||
$.$$ready.push( f );
|
$.$$ready.push( f );
|
||||||
} else {
|
} else {
|
||||||
var o = this;
|
var o = this;
|
||||||
$.$$ready = [ f ];
|
$.$$ready = [ f ];
|
||||||
$.$$timer = setInterval( function(){
|
|
||||||
if ( o && o.getElementsByTagName && o.getElementById && o.body ) {
|
// Only do our hacky thing if we don't have the nice
|
||||||
$.ready();
|
// Mozilla or IE ways of doing it
|
||||||
}
|
if ( $.$$badReady ) {
|
||||||
}, 10 );
|
// The trick is to check for the availability of a couple common
|
||||||
|
// DOM functions, if they exist, assume the DOM is ready
|
||||||
|
$.$$timer = setInterval( function(){
|
||||||
|
if ( o && o.getElementsByTagName && o.getElementById && o.body ) {
|
||||||
|
$.ready();
|
||||||
|
}
|
||||||
|
}, 10 );
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
// Deprecated
|
|
||||||
$.fn.onready = $.fn.ready;
|
|
||||||
|
|
||||||
$.fn.toggle = function(a,b) {
|
$.fn.toggle = function(a,b) {
|
||||||
return a && b ? this.click(function(e){
|
return a && b ? this.click(function(e){
|
||||||
this.$$last = this.$$last == a ? b : a;
|
this.$$last = this.$$last == a ? b : a;
|
||||||
|
Loading…
Reference in New Issue
Block a user