I have written a bit of jQuery that hides a certain element on page load, which works seamlessly on browsers on a mac, but when I try it on the iPad there is a noticable poping of the page as the element appears and then disappears. Is this the iPad that is causing the problem, in which case I may have to rethink my page loading process.
To hide the element I am using:
$(document).ready(function() {
$('#element').hide();
});
Other jQuery later shows the element when I click on things so I could possible hide it using css but that won’t degrade nicely on the absence of js.
Why don’t you just a class to the html tag right after you declare it (with javascript) and use CSS to hide the element ?
Javascript
Css rule (in a stylesheet, or in the head as well)
just add the above inside the page
<head>tag and you should be set.Demo: http://jsfiddle.net/C2jdX/