I have a single HTML file that contains three
div elements in it,
div element has the attribute
data-role="page" assigned to it.
When I load the HTML file, for some reason, it displays all of the
div elements, rather than the 1st one only (I have another application I've written using HTML5&jQuery mobile and it works well and as expected - it only shows the 1st page when I load the HTML)
There are no significant differences between the two applications and I've been struggling with this for hours.
What might cause such a problem?
Here's the solution:
I accidently mistyped the file name for jQuery mobile's CSS file - so some classes were missing, classes that are used to hide non-active pages... along with other crucial classes