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



How have Dropbox and Google Drive affected your business?

Even though these are single and/or home user products, the popularity of both Dropbox and Google Drive has increased people’s trust with storing files...
John Hurley (Smartfile)

John Hurley
Smartfile

How long did it take to put together Binfire?

It took us six months to put Binfire together. At first the company was providing consulting services for project management and data storage, but in the late...
David Robins (Binfire)

David Robins
Binfire

What do you wish you’d have known 5 years ago that you know now?

There are many things I wish I would have known earlier about starting a company, how to raise capital, building your own company culture, setting up a...
Alan Mamedi (Truecaller)

Alan Mamedi
Truecaller

What advice would you offer to any soon to be startup founders out there?

I think this notion of overnight success is an urban legend, and very misleading. If you’re starting something new, expect a long and challenging journey...
David Brannan (Exam Professor)

David Brannan
Exam Professor