{"id":442,"date":"2012-03-16T22:45:27","date_gmt":"2012-03-17T05:45:27","guid":{"rendered":"http:\/\/zsprawl.com\/iOS\/?p=442"},"modified":"2012-03-16T22:45:27","modified_gmt":"2012-03-17T05:45:27","slug":"jquery-mobile-splitview-fix-for-the-new-ipad","status":"publish","type":"post","link":"http:\/\/zsprawl.com\/iOS\/2012\/03\/jquery-mobile-splitview-fix-for-the-new-ipad\/","title":{"rendered":"jQuery Mobile Splitview Fix for &#8220;The New iPad&#8221;"},"content":{"rendered":"<p>If you are using the really awesome <a href=\"http:\/\/asyraf9.github.com\/jquery-mobile\/\" target=\"_blank\">jQuery Mobile Splitview Plugin<\/a> by asyraf9, then you know it breaks your App when used on &#8220;The New iPad&#8221;, aka the iPad 3. The fix is pretty simple and should make perfect sense given the new denser pixel display ratio.<\/p>\n<p>All you need to do is replace line 8 of jquery.mobile.splitview.js from:<\/p>\n<p><code>var $query = $.mobile.media('screen and (min-width: 480px)') && ($.mobile.media('(-webkit-max-device-pixel-ratio: 1.2)') || $.mobile.media('(max--moz-device-pixel-ratio: 1.2)'));<\/code><\/p>\n<p>to<\/p>\n<p><code>var $query = $.mobile.media('screen and (min-width: 480px)') && ($.mobile.media('(-webkit-max-device-pixel-ratio: 2.2)') || $.mobile.media('(max--moz-device-pixel-ratio: 2.2)'));<\/code><\/p>\n<p>That&#8217;s it!<\/p>\n<p>Be sure to check out the jQuery Mobile Splitview Plugin in full HD action in the latest version of my <a href=\"http:\/\/zsprawl.com\/iOS\/zapps\/ithinkido\/\">iTHINKiDO zApp<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you are using the really awesome jQuery Mobile Splitview Plugin by asyraf9, then you know it breaks your App when used on &#8220;The New iPad&#8221;, aka the iPad 3. The fix is pretty simple and should make perfect sense given the new denser pixel display ratio. All you need to do is replace line <a href=\"http:\/\/zsprawl.com\/iOS\/2012\/03\/jquery-mobile-splitview-fix-for-the-new-ipad\/#more-'\" class=\"more-link\"><br \/>more \u00bb<\/a><\/p>\n","protected":false},"author":318,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,25],"tags":[9,7,120],"class_list":["post-442","post","type-post","status-publish","format-standard","hentry","category-blog","category-jquery-mobile","tag-development","tag-ipad","tag-jquery-mobile"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/442"}],"collection":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/comments?post=442"}],"version-history":[{"count":2,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/442\/revisions"}],"predecessor-version":[{"id":444,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/442\/revisions\/444"}],"wp:attachment":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/media?parent=442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/categories?post=442"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/tags?post=442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}