jQuery Mobile “Error Loading Page”

Question

I am using Jquery1.8.2 and Jquery-mobile 1.1

When i click on Logout button i have to goto the Home page. I am able get the home page but before going back to the home page got the "Error Loading Page" message.

Test.html

<body>  
  <div data-role="page">
      <div data-role="header" data-theme="b" >
          <h1> Success Page </h1>
           <a data-role="button" id="logoutbtn" data-theme="b">Logout</a>
       </div><!-- /header -->
       <div data-role='content'>            
    </div>
</div>
</body>

test.js

$(document).ready(function(){   
$("#logoutbtn").click(function () {     
    document.location.href = "Home.html";
});
});

Please help me out on this.

Community · Accepted Answer · 2017-05-23 12:16:18Z

7

You should be using the jquery mobile specific methods.

$.mobile.changePage("Home.html");

See document-location-href-location-vs-mobile-changepagelocation

edited May 23, 2017 at 12:16

CommunityBot

11 silver badge

answered Oct 16, 2012 at 16:24

andleer

22.6k8 gold badges65 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Srikanth Chilukuri · Accepted Answer · 2012-10-16 09:07:53Z

2

Thanks Dipaks

Instead of

document.location.href = "/Home.html";

I have modified it as like below

document.location.href = "./Home.html";

Its working fine and able to go back to home page with out any error.

answered Oct 16, 2012 at 9:07

Srikanth Chilukuri

5734 gold badges17 silver badges31 bronze badges

Comments

Yes Barry · Accepted Answer · 2013-06-24 06:59:39Z

1

$.mobile.changePage("Home.html") did not work on my PC

but instead $.mobile.changePage("#"); works and it's hiding the error loading page message.

edited Jun 24, 2013 at 6:59

Yes Barry

9,9465 gold badges54 silver badges77 bronze badges

answered Apr 10, 2013 at 7:47

user2114127

111 bronze badge

Comments

Asif · Accepted Answer · 2013-08-25 00:16:41Z

1

I was using the right versions and $.mobile.changePage to change a page and it still failed with the same error. Later I realized that I was doing this in a js file in www/js/custom/handler/handler.js. So I was using paths relative to this location.

However later I realized that the path has to be relative to index.html that includes this js.

That resolved my issue.

answered Aug 25, 2013 at 0:16

Asif

1,3022 gold badges17 silver badges27 bronze badges

Collectives™ on Stack Overflow

jQuery Mobile “Error Loading Page”

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related