Adding Scott Jehl's fix for the iOS orientation bug

diff --git a/index.html b/index.html
index 51c1953..e4ba955 100644 (file)
--- a/index.html
+++ b/index.html
@@ -22,6 +22,7 @@
        <!-- Javascript includes -->
        <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
        <script src="/js/mobileinit.js"></script>
        <!-- Javascript includes -->
        <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
        <script src="/js/mobileinit.js"></script>

+       <script src="/js/ios-orientationchange-fix.min.js"></script>

        <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
        <script src="/js/application.js"></script>
 </head> 
        <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
        <script src="/js/application.js"></script>
 </head> 

diff --git a/js/ios-orientationchange-fix.min.js b/js/ios-orientationchange-fix.min.js
new file mode 100644 (file)
index 0000000..83ff5b1
--- /dev/null
+++ b/js/ios-orientationchange-fix.min.js
@@ -0,0 +1,5 @@
+/*
+       A fix for the iOS orientationchange zoom bug. Script by @scottjehl, rebound by @wilto.MIT License.
+       https://github.com/scottjehl/iOS-Orientationchange-Fix
+*/
+(function(m){if(!(/iPhone|iPad|iPod/.test(navigator.platform)&&navigator.userAgent.indexOf("AppleWebKit")>-1)){return}var l=m.document;if(!l.querySelector){return}var n=l.querySelector("meta[name=viewport]"),a=n&&n.getAttribute("content"),k=a+",maximum-scale=1",d=a+",maximum-scale=10",g=true,j,i,h,c;if(!n){return}function f(){n.setAttribute("content",d);g=true}function b(){n.setAttribute("content",k);g=false}function e(o){c=o.accelerationIncludingGravity;j=Math.abs(c.x);i=Math.abs(c.y);h=Math.abs(c.z);if(!m.orientation&&(j>7||((h>6&&i<8||h<8&&i>6)&&j>5))){if(g){b()}}else{if(!g){f()}}}m.addEventListener("orientationchange",f,false);m.addEventListener("devicemotion",e,false)})(this);
\ No newline at end of file

diff --git a/readme.md b/readme.md
index 317b43f..c6f78e7 100644 (file)
--- a/readme.md
+++ b/readme.md
@@ -13,6 +13,7 @@ Clone the git repo - `git clone git@github.com:commadelimited/jQuery-Mobile-Boil
 * The latest jQuery bits from CDN, with a local option.
 * Override files for both JS and CSS
 * Extensive UI element snippet library. Easy to copy and paste.
 * The latest jQuery bits from CDN, with a local option.
 * Override files for both JS and CSS
 * Extensive UI element snippet library. Easy to copy and paste.

+* Includes Scott Jehl's fix for the [iOS orientation bug](https://github.com/scottjehl/iOS-Orientationchange-Fix)

 
 ## Contributing
 
 
 ## Contributing
 


@@ -22,6 +23,7 @@ You are invited to contribute code and suggestions to this project. The more the
 
 * Source: http://github.com/commadelimited/jQuery-Mobile-Boilerplate
 * Twitter: [http://twitter.com/jqmbp](http://twitter.com/jqmbp)
 
 * Source: http://github.com/commadelimited/jQuery-Mobile-Boilerplate
 * Twitter: [http://twitter.com/jqmbp](http://twitter.com/jqmbp)

+* Twitter: [http://twitter.com/commadelimited](http://twitter.com/commadelimited)

 
 ## License
 
 
 ## License