2 * A number of helper functions used for managing events.
3 * Many of the ideas behind this code orignated from
4 * Dean Edwards' addEvent library.
8 // Bind an event to an element
9 // Original by Dean Edwards
10 add: function(element, type, handler, data) {
11 // For whatever reason, IE has trouble passing the window object
12 // around, causing it to be cloned in the process
13 if ( jQuery.browser.msie && element.setInterval != undefined )
16 // Make sure that the function being executed has a unique ID
18 handler.guid = this.guid++;
20 // if data is passed, bind to handler
21 if( data != undefined ) {
22 // Create temporary function pointer to original handler
25 // Create unique handler function, wrapped around original handler
26 handler = function() {
27 // Pass arguments and context to original handler
28 return fn.apply(this, arguments);
31 // Store data in unique handler
34 // Set the guid of unique handler to the same of original handler, so it can be removed
35 handler.guid = fn.guid;
38 // Init the element's event structure
43 element.$handle = function() {
44 // returned undefined or false
47 // Handle the second event of a trigger and when
48 // an event is called after a page has unloaded
49 if ( typeof jQuery == "undefined" || jQuery.event.triggered )
52 val = jQuery.event.handle.apply(element, arguments);
57 // Get the current list of functions bound to this event
58 var handlers = element.$events[type];
60 // Init the event handler queue
62 handlers = element.$events[type] = {};
64 // And bind the global event handler to the element
65 if (element.addEventListener)
66 element.addEventListener(type, element.$handle, false);
68 element.attachEvent("on" + type, element.$handle);
71 // Add the function to the element's handler list
72 handlers[handler.guid] = handler;
74 // Keep track of which events have been used, for global triggering
75 this.global[type] = true;
81 // Detach an event or set of events from an element
82 remove: function(element, type, handler) {
83 var events = element.$events, ret, index;
86 // type is actually an event object here
87 if ( type && type.type ) {
88 handler = type.handler;
93 for ( type in events )
94 this.remove( element, type );
96 } else if ( events[type] ) {
97 // remove the given handler for the given type
99 delete events[type][handler.guid];
101 // remove all handlers for the given type
103 for ( handler in element.$events[type] )
104 delete events[type][handler];
106 // remove generic event handler if no more handlers exist
107 for ( ret in events[type] ) break;
109 if (element.removeEventListener)
110 element.removeEventListener(type, element.$handle, false);
112 element.detachEvent("on" + type, element.$handle);
118 // Remove the expando if it's no longer used
119 for ( ret in events ) break;
121 element.$handle = element.$events = null;
125 trigger: function(type, data, element) {
126 // Clone the incoming data, if any
127 data = jQuery.makeArray(data || []);
129 // Handle a global trigger
131 // Only trigger if we've ever bound an event for it
132 if ( this.global[type] )
133 jQuery("*").add([window, document]).trigger(type, data);
135 // Handle triggering a single element
137 var val, ret, fn = jQuery.isFunction( element[ type ] || null );
139 // Pass along a fake event
140 data.unshift( this.fix({ type: type, target: element }) );
143 if ( jQuery.isFunction( element.$handle ) )
144 val = element.$handle.apply( element, data );
145 if ( !fn && element["on"+type] && element["on"+type].apply( element, data ) === false )
148 if ( fn && val !== false && !(jQuery.nodeName(element, 'a') && type == "click") ) {
149 this.triggered = true;
153 this.triggered = false;
157 handle: function(event) {
158 // returned undefined or false
161 // Empty object is for triggered events with no data
162 event = jQuery.event.fix( event || window.event || {} );
164 var c = this.$events && this.$events[event.type], args = Array.prototype.slice.call( arguments, 1 );
165 args.unshift( event );
168 // Pass in a reference to the handler function itself
169 // So that we can later remove it
170 args[0].handler = c[j];
171 args[0].data = c[j].data;
173 if ( c[j].apply( this, args ) === false ) {
174 event.preventDefault();
175 event.stopPropagation();
180 // Clean up added properties in IE to prevent memory leak
181 if (jQuery.browser.msie)
182 event.target = event.preventDefault = event.stopPropagation =
183 event.handler = event.data = null;
188 fix: function(event) {
189 // store a copy of the original event object
190 // and clone to set read-only properties
191 var originalEvent = event;
192 event = jQuery.extend({}, originalEvent);
194 // add preventDefault and stopPropagation since
195 // they will not work on the clone
196 event.preventDefault = function() {
197 // if preventDefault exists run it on the original event
198 if (originalEvent.preventDefault)
199 originalEvent.preventDefault();
200 // otherwise set the returnValue property of the original event to false (IE)
201 originalEvent.returnValue = false;
203 event.stopPropagation = function() {
204 // if stopPropagation exists run it on the original event
205 if (originalEvent.stopPropagation)
206 originalEvent.stopPropagation();
207 // otherwise set the cancelBubble property of the original event to true (IE)
208 originalEvent.cancelBubble = true;
211 // Fix target property, if necessary
212 if ( !event.target && event.srcElement )
213 event.target = event.srcElement;
215 // check if target is a textnode (safari)
216 if (jQuery.browser.safari && event.target.nodeType == 3)
217 event.target = originalEvent.target.parentNode;
219 // Add relatedTarget, if necessary
220 if ( !event.relatedTarget && event.fromElement )
221 event.relatedTarget = event.fromElement == event.target ? event.toElement : event.fromElement;
223 // Calculate pageX/Y if missing and clientX/Y available
224 if ( event.pageX == null && event.clientX != null ) {
225 var e = document.documentElement, b = document.body;
226 event.pageX = event.clientX + (e && e.scrollLeft || b.scrollLeft || 0);
227 event.pageY = event.clientY + (e && e.scrollTop || b.scrollTop || 0);
230 // Add which for key events
231 if ( !event.which && (event.charCode || event.keyCode) )
232 event.which = event.charCode || event.keyCode;
234 // Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs)
235 if ( !event.metaKey && event.ctrlKey )
236 event.metaKey = event.ctrlKey;
238 // Add which for click: 1 == left; 2 == middle; 3 == right
239 // Note: button is not normalized, so don't use it
240 if ( !event.which && event.button )
241 event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) ));
250 * Binds a handler to a particular event (like click) for each matched element.
251 * The event handler is passed an event object that you can use to prevent
252 * default behaviour. To stop both default action and event bubbling, your handler
253 * has to return false.
255 * In most cases, you can define your event handlers as anonymous functions
256 * (see first example). In cases where that is not possible, you can pass additional
257 * data as the second parameter (and the handler function as the third), see
260 * Calling bind with an event type of "unload" will automatically
261 * use the one method instead of bind to prevent memory leaks.
263 * @example $("p").bind("click", function(){
264 * alert( $(this).text() );
266 * @before <p>Hello</p>
267 * @result alert("Hello")
269 * @example function handler(event) {
270 * alert(event.data.foo);
272 * $("p").bind("click", {foo: "bar"}, handler)
273 * @result alert("bar")
274 * @desc Pass some additional data to the event handler.
276 * @example $("form").bind("submit", function() { return false; })
277 * @desc Cancel a default action and prevent it from bubbling by returning false
278 * from your function.
280 * @example $("form").bind("submit", function(event){
281 * event.preventDefault();
283 * @desc Cancel only the default action by using the preventDefault method.
286 * @example $("form").bind("submit", function(event){
287 * event.stopPropagation();
289 * @desc Stop only an event from bubbling by using the stopPropagation method.
293 * @param String type An event type
294 * @param Object data (optional) Additional data passed to the event handler as event.data
295 * @param Function fn A function to bind to the event on each of the set of matched elements
298 bind: function( type, data, fn ) {
299 return type == "unload" ? this.one(type, data, fn) : this.each(function(){
300 jQuery.event.add( this, type, fn || data, fn && data );
305 * Binds a handler to a particular event (like click) for each matched element.
306 * The handler is executed only once for each element. Otherwise, the same rules
307 * as described in bind() apply.
308 * The event handler is passed an event object that you can use to prevent
309 * default behaviour. To stop both default action and event bubbling, your handler
310 * has to return false.
312 * In most cases, you can define your event handlers as anonymous functions
313 * (see first example). In cases where that is not possible, you can pass additional
314 * data as the second paramter (and the handler function as the third), see
317 * @example $("p").one("click", function(){
318 * alert( $(this).text() );
320 * @before <p>Hello</p>
321 * @result alert("Hello")
325 * @param String type An event type
326 * @param Object data (optional) Additional data passed to the event handler as event.data
327 * @param Function fn A function to bind to the event on each of the set of matched elements
330 one: function( type, data, fn ) {
331 return this.each(function(){
332 jQuery.event.add( this, type, function(event) {
333 jQuery(this).unbind(event);
334 return (fn || data).apply( this, arguments);
340 * The opposite of bind, removes a bound event from each of the matched
343 * Without any arguments, all bound events are removed.
345 * If the type is provided, all bound events of that type are removed.
347 * If the function that was passed to bind is provided as the second argument,
348 * only that specific event handler is removed.
350 * @example $("p").unbind()
351 * @before <p onclick="alert('Hello');">Hello</p>
352 * @result [ <p>Hello</p> ]
354 * @example $("p").unbind( "click" )
355 * @before <p onclick="alert('Hello');">Hello</p>
356 * @result [ <p>Hello</p> ]
358 * @example $("p").unbind( "click", function() { alert("Hello"); } )
359 * @before <p onclick="alert('Hello');">Hello</p>
360 * @result [ <p>Hello</p> ]
364 * @param String type (optional) An event type
365 * @param Function fn (optional) A function to unbind from the event on each of the set of matched elements
368 unbind: function( type, fn ) {
369 return this.each(function(){
370 jQuery.event.remove( this, type, fn );
375 * Trigger a type of event on every matched element. This will also cause
376 * the default action of the browser with the same name (if one exists)
377 * to be executed. For example, passing 'submit' to the trigger()
378 * function will also cause the browser to submit the form. This
379 * default action can be prevented by returning false from one of
380 * the functions bound to the event.
382 * You can also trigger custom events registered with bind.
384 * @example $("p").trigger("click")
385 * @before <p click="alert('hello')">Hello</p>
386 * @result alert('hello')
388 * @example $("p").click(function(event, a, b) {
389 * // when a normal click fires, a and b are undefined
390 * // for a trigger like below a refers too "foo" and b refers to "bar"
391 * }).trigger("click", ["foo", "bar"]);
392 * @desc Example of how to pass arbitrary data to an event
394 * @example $("p").bind("myEvent",function(event,message1,message2) {
395 * alert(message1 + ' ' + message2);
397 * $("p").trigger("myEvent",["Hello","World"]);
398 * @result alert('Hello World') // One for each paragraph
402 * @param String type An event type to trigger.
403 * @param Array data (optional) Additional data to pass as arguments (after the event object) to the event handler
406 trigger: function( type, data ) {
407 return this.each(function(){
408 jQuery.event.trigger( type, data, this );
413 * Toggle between two function calls every other click.
414 * Whenever a matched element is clicked, the first specified function
415 * is fired, when clicked again, the second is fired. All subsequent
416 * clicks continue to rotate through the two functions.
418 * Use unbind("click") to remove.
420 * @example $("p").toggle(function(){
421 * $(this).addClass("selected");
423 * $(this).removeClass("selected");
428 * @param Function even The function to execute on every even click.
429 * @param Function odd The function to execute on every odd click.
433 // Save reference to arguments for access in closure
436 return this.click(function(e) {
437 // Figure out which function to execute
438 this.lastToggle = 0 == this.lastToggle ? 1 : 0;
440 // Make sure that clicks stop
443 // and execute the function
444 return a[this.lastToggle].apply( this, [e] ) || false;
449 * A method for simulating hovering (moving the mouse on, and off,
450 * an object). This is a custom method which provides an 'in' to a
453 * Whenever the mouse cursor is moved over a matched
454 * element, the first specified function is fired. Whenever the mouse
455 * moves off of the element, the second specified function fires.
456 * Additionally, checks are in place to see if the mouse is still within
457 * the specified element itself (for example, an image inside of a div),
458 * and if it is, it will continue to 'hover', and not move out
459 * (a common error in using a mouseout event handler).
461 * @example $("p").hover(function(){
462 * $(this).addClass("hover");
464 * $(this).removeClass("hover");
469 * @param Function over The function to fire whenever the mouse is moved over a matched element.
470 * @param Function out The function to fire whenever the mouse is moved off of a matched element.
473 hover: function(f,g) {
475 // A private function for handling mouse 'hovering'
476 function handleHover(e) {
477 // Check if mouse(over|out) are still within the same parent element
478 var p = e.relatedTarget;
480 // Traverse up the tree
481 while ( p && p != this ) try { p = p.parentNode; } catch(e) { p = this; };
483 // If we actually just moused on to a sub-element, ignore it
484 if ( p == this ) return false;
486 // Execute the right function
487 return (e.type == "mouseover" ? f : g).apply(this, [e]);
490 // Bind the function to the two event listeners
491 return this.mouseover(handleHover).mouseout(handleHover);
495 * Bind a function to be executed whenever the DOM is ready to be
496 * traversed and manipulated. This is probably the most important
497 * function included in the event module, as it can greatly improve
498 * the response times of your web applications.
500 * In a nutshell, this is a solid replacement for using window.onload,
501 * and attaching a function to that. By using this method, your bound function
502 * will be called the instant the DOM is ready to be read and manipulated,
503 * which is when what 99.99% of all JavaScript code needs to run.
505 * There is one argument passed to the ready event handler: A reference to
506 * the jQuery function. You can name that argument whatever you like, and
507 * can therefore stick with the $ alias without risk of naming collisions.
509 * Please ensure you have no code in your <body> onload event handler,
510 * otherwise $(document).ready() may not fire.
512 * You can have as many $(document).ready events on your page as you like.
513 * The functions are then executed in the order they were added.
515 * @example $(document).ready(function(){ Your code here... });
517 * @example jQuery(function($) {
518 * // Your code using failsafe $ alias here...
520 * @desc Uses both the [[Core#.24.28_fn_.29|shortcut]] for $(document).ready() and the argument
521 * to write failsafe jQuery code using the $ alias, without relying on the
526 * @param Function fn The function to be executed when the DOM is ready.
528 * @see $.noConflict()
532 // If the DOM is already ready
533 if ( jQuery.isReady )
534 // Execute the function immediately
535 f.apply( document, [jQuery] );
537 // Otherwise, remember the function for later
539 // Add the function to the wait list
540 jQuery.readyList.push( function() { return f.apply(this, [jQuery]); } );
548 * All the code that makes DOM Ready work nicely.
553 // Handle when the DOM is ready
555 // Make sure that the DOM is not already loaded
556 if ( !jQuery.isReady ) {
557 // Remember that the DOM is ready
558 jQuery.isReady = true;
560 // If there are functions bound, to execute
561 if ( jQuery.readyList ) {
562 // Execute all of them
563 jQuery.each( jQuery.readyList, function(){
564 this.apply( document );
567 // Reset the list of functions
568 jQuery.readyList = null;
570 // Remove event listener to avoid memory leak
571 if ( jQuery.browser.mozilla || jQuery.browser.opera )
572 document.removeEventListener( "DOMContentLoaded", jQuery.ready, false );
574 // Remove script element used by IE hack
575 if( !window.frames.length ) // don't remove if frames are present (#1187)
576 jQuery(window).load(function(){ jQuery("#__ie_init").remove(); });
582 * Bind a function to the scroll event of each matched element.
584 * @example $("p").scroll( function() { alert("Hello"); } );
585 * @before <p>Hello</p>
586 * @result <p onscroll="alert('Hello');">Hello</p>
590 * @param Function fn A function to bind to the scroll event on each of the matched elements.
595 * Bind a function to the submit event of each matched element.
597 * @example $("#myform").submit( function() {
598 * return $("input", this).val().length > 0;
600 * @before <form id="myform"><input /></form>
601 * @desc Prevents the form submission when the input has no value entered.
605 * @param Function fn A function to bind to the submit event on each of the matched elements.
610 * Trigger the submit event of each matched element. This causes all of the functions
611 * that have been bound to that submit event to be executed, and calls the browser's
612 * default submit action on the matching element(s). This default action can be prevented
613 * by returning false from one of the functions bound to the submit event.
615 * Note: This does not execute the submit method of the form element! If you need to
616 * submit the form via code, you have to use the DOM method, eg. $("form")[0].submit();
618 * @example $("form").submit();
619 * @desc Triggers all submit events registered to the matched form(s), and submits them.
627 * Bind a function to the focus event of each matched element.
629 * @example $("p").focus( function() { alert("Hello"); } );
630 * @before <p>Hello</p>
631 * @result <p onfocus="alert('Hello');">Hello</p>
635 * @param Function fn A function to bind to the focus event on each of the matched elements.
640 * Trigger the focus event of each matched element. This causes all of the functions
641 * that have been bound to thet focus event to be executed.
643 * Note: This does not execute the focus method of the underlying elements! If you need to
644 * focus an element via code, you have to use the DOM method, eg. $("#myinput")[0].focus();
646 * @example $("p").focus();
647 * @before <p onfocus="alert('Hello');">Hello</p>
648 * @result alert('Hello');
656 * Bind a function to the keydown event of each matched element.
658 * @example $("p").keydown( function() { alert("Hello"); } );
659 * @before <p>Hello</p>
660 * @result <p onkeydown="alert('Hello');">Hello</p>
664 * @param Function fn A function to bind to the keydown event on each of the matched elements.
669 * Bind a function to the dblclick event of each matched element.
671 * @example $("p").dblclick( function() { alert("Hello"); } );
672 * @before <p>Hello</p>
673 * @result <p ondblclick="alert('Hello');">Hello</p>
677 * @param Function fn A function to bind to the dblclick event on each of the matched elements.
682 * Bind a function to the keypress event of each matched element.
684 * @example $("p").keypress( function() { alert("Hello"); } );
685 * @before <p>Hello</p>
686 * @result <p onkeypress="alert('Hello');">Hello</p>
690 * @param Function fn A function to bind to the keypress event on each of the matched elements.
695 * Bind a function to the error event of each matched element.
697 * @example $("p").error( function() { alert("Hello"); } );
698 * @before <p>Hello</p>
699 * @result <p onerror="alert('Hello');">Hello</p>
703 * @param Function fn A function to bind to the error event on each of the matched elements.
708 * Bind a function to the blur event of each matched element.
710 * @example $("p").blur( function() { alert("Hello"); } );
711 * @before <p>Hello</p>
712 * @result <p onblur="alert('Hello');">Hello</p>
716 * @param Function fn A function to bind to the blur event on each of the matched elements.
721 * Trigger the blur event of each matched element. This causes all of the functions
722 * that have been bound to that blur event to be executed, and calls the browser's
723 * default blur action on the matching element(s). This default action can be prevented
724 * by returning false from one of the functions bound to the blur event.
726 * Note: This does not execute the blur method of the underlying elements! If you need to
727 * blur an element via code, you have to use the DOM method, eg. $("#myinput")[0].blur();
729 * @example $("p").blur();
730 * @before <p onblur="alert('Hello');">Hello</p>
731 * @result alert('Hello');
739 * Bind a function to the load event of each matched element.
741 * @example $("p").load( function() { alert("Hello"); } );
742 * @before <p>Hello</p>
743 * @result <p onload="alert('Hello');">Hello</p>
747 * @param Function fn A function to bind to the load event on each of the matched elements.
752 * Bind a function to the select event of each matched element.
754 * @example $("p").select( function() { alert("Hello"); } );
755 * @before <p>Hello</p>
756 * @result <p onselect="alert('Hello');">Hello</p>
760 * @param Function fn A function to bind to the select event on each of the matched elements.
765 * Trigger the select event of each matched element. This causes all of the functions
766 * that have been bound to that select event to be executed, and calls the browser's
767 * default select action on the matching element(s). This default action can be prevented
768 * by returning false from one of the functions bound to the select event.
770 * @example $("p").select();
771 * @before <p onselect="alert('Hello');">Hello</p>
772 * @result alert('Hello');
780 * Bind a function to the mouseup event of each matched element.
782 * @example $("p").mouseup( function() { alert("Hello"); } );
783 * @before <p>Hello</p>
784 * @result <p onmouseup="alert('Hello');">Hello</p>
788 * @param Function fn A function to bind to the mouseup event on each of the matched elements.
793 * Bind a function to the unload event of each matched element.
795 * @example $("p").unload( function() { alert("Hello"); } );
796 * @before <p>Hello</p>
797 * @result <p onunload="alert('Hello');">Hello</p>
801 * @param Function fn A function to bind to the unload event on each of the matched elements.
806 * Bind a function to the change event of each matched element.
808 * @example $("p").change( function() { alert("Hello"); } );
809 * @before <p>Hello</p>
810 * @result <p onchange="alert('Hello');">Hello</p>
814 * @param Function fn A function to bind to the change event on each of the matched elements.
819 * Bind a function to the mouseout event of each matched element.
821 * @example $("p").mouseout( function() { alert("Hello"); } );
822 * @before <p>Hello</p>
823 * @result <p onmouseout="alert('Hello');">Hello</p>
827 * @param Function fn A function to bind to the mouseout event on each of the matched elements.
832 * Bind a function to the keyup event of each matched element.
834 * @example $("p").keyup( function() { alert("Hello"); } );
835 * @before <p>Hello</p>
836 * @result <p onkeyup="alert('Hello');">Hello</p>
840 * @param Function fn A function to bind to the keyup event on each of the matched elements.
845 * Bind a function to the click event of each matched element.
847 * @example $("p").click( function() { alert("Hello"); } );
848 * @before <p>Hello</p>
849 * @result <p onclick="alert('Hello');">Hello</p>
853 * @param Function fn A function to bind to the click event on each of the matched elements.
858 * Trigger the click event of each matched element. This causes all of the functions
859 * that have been bound to thet click event to be executed.
861 * @example $("p").click();
862 * @before <p onclick="alert('Hello');">Hello</p>
863 * @result alert('Hello');
871 * Bind a function to the resize event of each matched element.
873 * @example $("p").resize( function() { alert("Hello"); } );
874 * @before <p>Hello</p>
875 * @result <p onresize="alert('Hello');">Hello</p>
879 * @param Function fn A function to bind to the resize event on each of the matched elements.
884 * Bind a function to the mousemove event of each matched element.
886 * @example $("p").mousemove( function() { alert("Hello"); } );
887 * @before <p>Hello</p>
888 * @result <p onmousemove="alert('Hello');">Hello</p>
892 * @param Function fn A function to bind to the mousemove event on each of the matched elements.
897 * Bind a function to the mousedown event of each matched element.
899 * @example $("p").mousedown( function() { alert("Hello"); } );
900 * @before <p>Hello</p>
901 * @result <p onmousedown="alert('Hello');">Hello</p>
905 * @param Function fn A function to bind to the mousedown event on each of the matched elements.
910 * Bind a function to the mouseover event of each matched element.
912 * @example $("p").mouseover( function() { alert("Hello"); } );
913 * @before <p>Hello</p>
914 * @result <p onmouseover="alert('Hello');">Hello</p>
918 * @param Function fn A function to bind to the mousedown event on each of the matched elements.
921 jQuery.each( ("blur,focus,load,resize,scroll,unload,click,dblclick," +
922 "mousedown,mouseup,mousemove,mouseover,mouseout,change,select," +
923 "submit,keydown,keypress,keyup,error").split(","), function(i,o){
925 // Handle event binding
926 jQuery.fn[o] = function(f){
927 return f ? this.bind(o, f) : this.trigger(o);
932 // If Mozilla is used
933 if ( jQuery.browser.mozilla || jQuery.browser.opera )
934 // Use the handy event callback
935 document.addEventListener( "DOMContentLoaded", jQuery.ready, false );
937 // If IE is used, use the excellent hack by Matthias Miller
938 // http://www.outofhanwell.com/blog/index.php?title=the_window_onload_problem_revisited
939 else if ( jQuery.browser.msie ) {
941 // Only works if you document.write() it
942 document.write("<scr" + "ipt id=__ie_init defer=true " +
943 "src=//:><\/script>");
945 // Use the defer script hack
946 var script = document.getElementById("__ie_init");
948 // script does not exist if jQuery is loaded dynamically
950 script.onreadystatechange = function() {
951 if ( document.readyState != "complete" ) return;
959 } else if ( jQuery.browser.safari )
960 // Continually check to see if the document.readyState is valid
961 jQuery.safariTimer = setInterval(function(){
962 // loaded and complete are both valid states
963 if ( document.readyState == "loaded" ||
964 document.readyState == "complete" ) {
966 // If either one are found, remove the timer
967 clearInterval( jQuery.safariTimer );
968 jQuery.safariTimer = null;
970 // and execute any waiting functions
975 // A fallback to window.onload, that will always work
976 jQuery.event.add( window, "load", jQuery.ready );