Shai
Shai

Reputation: 25595

jQuery Mobile showing all pages rather than 1st on startup when working with a multi-page template

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?

Upvotes: 1

Views: 819

Answers (2)

Shai
Shai

Reputation: 25595

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

Upvotes: 1

Bloafer
Bloafer

Reputation: 1326

Are you using 3G of wifi on the mobile? some service providers (O2 - UK) limit jQuery downloading on the device

Upvotes: 0

Related Questions