Share:

  • Facebook
  • Hacker News

Follow:

  • Twitter
  • Facebook
  • RSS
Chris Cardell

jQuery Mobile “Error Loading Page”

UPDATE: This was an issue in Alpha 4, but in 4.1 this has now been fixed.
I was working on a jQuery Mobile system and I couldn’t pages to load with a standard link (e.g. <a href=”hello.html”>Hello</a>), it would always display the below error message.

Error Loading Page

The solution is really simple. You can’t work with jquerymobile with the protocol file:// it has to be a web address. After moving it to a server, with protocol http:// it worked immediately. Hope this helps anyone else frustrated with the problem.

This entry was posted on Tuesday, March 8th, 2011 at 11:38 am GMT. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.



Quick links

Print | Email this story

You might also like

    None Found
  • Ian

    Thanks for posting this, it helped me out of exactly this problem.

  • http://doeswhat.com Editor

    Apparently it’s an issue with jQuery 1.5.1 and using 1.4.4 will fix the issue for all environments.

  • prithvi

    Thanks a lot for posting the reason causing the error!

  • Todd Parker

    Hi all –

    This was an issue in Alpha 4, but in 4.1 this has now been fixed.
    http://jquerymobile.com/2011/04/jquery-alpha-4-1-maintenance-release/

    Cheers,
    Todd

  • Mark

    Todd –

    I’m running the 1.0a4.1 release of jquery mobile along with jquery 1.5.1 and I’m still having this issue, very frustrating.

    I’m going to see if rolling back to jquery 1.4.4 will fix this…

  • Mark

    Update: using different combos of script libraries old and new is giving mixed results across different browsers, rolling back to an old lib fixes an issue in one but breaks something in another.

    The issues are all revolving around href=”something.html” and href=”#something”, cant seem to get them both working at the same time, in the same browser.

  • Mark

    Update2: for anyone with similar issues you can simply add rel=”external” into the anchor tag as an attribute, this will bypass the ajax transitions and allow the page to load without the error.

  • http://sawmac.com Dave McFarland

    @mark By using rel=”external” you bypass the AJAX part of the loading — this means the page loads, but it’s not injected into the DOM, and you bypass the handy “back” button that jQuery Mobile usually adds to the top of a page.

    I’m running into this problem with the jquery 1.5.1 and jq mobile a4.1. But if I update to 1.5.2 and a4.1 I can reference file paths.

  • http://- jo

    @dave I’m having the same “error loading page” on jquery-1.5.2.min.js with jquery mobile a4.1

Most Popular


Recent Articles



What are you most excited about at the moment?

Mobile commerce is in its infancy. People are migrating to mobile and the numbers are growing rapidly. In the next few years...
John Phan (Qwiqq)

John Phan
Qwiqq

What is the biggest hurdle you have faced during the startup process?

One biggest hurdle, something that is faced by other entrepreneurs as well, is that of “letting things go”. Some entrepreneurs tend to have a controlling...
Ankesh Arora (Mobile Universal)

Ankesh Arora
Mobile Universal

It seems that you have some big names using Hello Scheduling including Subway and Marriot. Did you expect such success when you set up 3 years ago?

Of course! In order to be successful, we had to attract big name franchisees. Getting these early customers provided much needed early proof that Hello Scheduling was...
Jon Byrum (Hello Scheduling)

Jon Byrum
Hello Scheduling

How do you differentiate yourselves from your competitors?

Client acquisition cost is very high in our industry. From the very beginning, we were clear that we have to deliver quality services at affordable pricing to...
Manish Bhalla (FATbit Technologies)

Manish Bhalla
FATbit Technologies