diff options
| author | jaubourg <j@ubourg.net> | 2011-05-09 09:48:23 +0200 |
|---|---|---|
| committer | jaubourg <j@ubourg.net> | 2011-05-09 09:48:23 +0200 |
| commit | efd0fce7a1ae9bc62ef2b1aa51d7adc224da1ec0 (patch) | |
| tree | 8ce17e769aecaf102b9504c92e5e2b5fddeab3e5 | |
| parent | 18b1cf2942cc082c1c97a2ac9bc33ad77f42d775 (diff) | |
| download | jquery-efd0fce7a1ae9bc62ef2b1aa51d7adc224da1ec0.tar.gz jquery-efd0fce7a1ae9bc62ef2b1aa51d7adc224da1ec0.zip | |
Fixes #9109. When jQuery is loaded in the body, then the fake body element used in support has to be inserted before the document's body for boxModel to be properly detected (got the hint by looking at the code in jQuery mobile). Test page added so that we can keep checking this.
| -rw-r--r-- | src/support.js | 5 | ||||
| -rw-r--r-- | test/boxModelIE.html | 33 |
2 files changed, 36 insertions, 2 deletions
diff --git a/src/support.js b/src/support.js index 41af06322..9a6a318d1 100644 --- a/src/support.js +++ b/src/support.js @@ -3,6 +3,7 @@ jQuery.support = (function() { var div = document.createElement( "div" ), + documentElement = document.documentElement, all, a, select, @@ -150,7 +151,7 @@ jQuery.support = (function() { body.style[ i ] = bodyStyle[ i ]; } body.appendChild( div ); - document.documentElement.appendChild( body ); + documentElement.insertBefore( body, documentElement.firstChild ); // Check if a disconnected checkbox will retain its checked // value of true after appended to the DOM (IE6/7) @@ -210,7 +211,7 @@ jQuery.support = (function() { // Remove the body element we added body.innerHTML = ""; - document.documentElement.removeChild( body ); + documentElement.removeChild( body ); // Technique from Juriy Zaytsev // http://thinkweb2.com/projects/prototype/detecting-event-support-without-browser-sniffing/ diff --git a/test/boxModelIE.html b/test/boxModelIE.html new file mode 100644 index 000000000..f8e6a431e --- /dev/null +++ b/test/boxModelIE.html @@ -0,0 +1,33 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> +<html> +<body> + <h3>jQuery Test boxModel detection in IE 6 & 7 compatMode="CSS1Compat"</h3> + <div>document.compatMode = <span id="compat-mode">?</span></div> + <div>jQuery.support.boxModel = <span id="box-model">?</span></div> + <script src="../src/core.js"></script> + <script src="../src/deferred.js"></script> + <script src="../src/support.js"></script> + <script src="../src/data.js"></script> + <script src="../src/queue.js"></script> + <script src="../src/attributes.js"></script> + <script src="../src/event.js"></script> + <script src="../src/sizzle/sizzle.js"></script> + <script src="../src/sizzle-jquery.js"></script> + <script src="../src/traversing.js"></script> + <script src="../src/manipulation.js"></script> + <script src="../src/css.js"></script> + <script src="../src/ajax.js"></script> + <script src="../src/ajax/jsonp.js"></script> + <script src="../src/ajax/script.js"></script> + <script src="../src/ajax/xhr.js"></script> + <script src="../src/effects.js"></script> + <script src="../src/offset.js"></script> + <script src="../src/dimensions.js"></script> + <script> + jQuery(function() { + jQuery( "#compat-mode" ).text( document.compatMode ); + jQuery( "#box-model" ).text( jQuery.support.boxModel ); + }); + </script> +</body> +</html>
\ No newline at end of file |