I have a single HTML file that contains three div elements in it,
Each 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