jQuery Mobile page unable to access pages on my server
In response to the growing number of handheld users in our schools, I've been tasked with designing a simple page for phones based on my equally simple gateway into our Online Public Access Catalog (OPAC) using jQuery Mobile. The problem that I am having is that any link that references pages on my server fails to resolve. from the "Page 1" it passes to the appropriate page, but once you access that link it goes into a "loading" state that never completes. While in Dreamweaver the links work fine when I use "preview in the browser", so it does not appear to be a hypertext issue.
This only applies to links that reference pages that reside on the same server that holds the main page itself. All of the other links work, even those that reference the same domain but a different server. So, while it can access all of our subscription-based services, our locally housed resource documents, and whatnot, it cannot access two simple pages that contain links to my OPAC by school, nor will it do a direct search of my OPAC or even access the main search page of my OPAC.
If anyone is interested, the page may be seen at http://mind.pasco.k12.fl.us/mobilemind.html
The links in question are the first two, specifically, and the one that says "eBooks". The first two connect to the aforementioned pages that are set up as hypertext links with the school login information imbedded so that students can select and search only the materials held in their own libraries. As I said before, all of this works under standard HTML.
It seems to be something having to do with jQuery Mobile, as the original page upon which this mobile page was based works like a charm.