Response title
This is preview!
- Screen name: ant1234
ant1234's Profile
5 Posts
6 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- Hello all.I have nearly finished my hybrid phonegap and jquery mobile app development and thought things were going well until I tested the application on a HTC desire / Legend using the trackball for navigation.Now when selecting a button that links to relative url i.e $.mobile.changePage( "friends.html") all the css and JS seems to be removed from the page, however this does not happen on the index page only on subsequent pages - I assume this has something to do with ajax replacing the 'page' content as the assets(css/js) for the application reside on the index page.I have done some tests on the window location before and after and it seems the window location changes when the trackball is clicked to the html page(friends.html) rather than hash url (indext.html#friends.html) meaning the content of that page has no js / css assets thus why the page looses its styles and JS functionality.Any ideas on what could be making the pages refresh from clicking a link with the trackball?Any help is much appreciated :)Ant
- Hi all,I have the ajax loader window showing in the first ajax call, which is perfect but if I nest another ajax request inside the success callback and try to use the function $.mobile.showPageLoadingMsg(); the message does not show.any ideas?thanks
- Hi all,I am having trouble understanding the multi-page linking in Jquery Mobile. I have a page with a link to a separate html page which contains the multiple internal pages.here is the link"<a href=" examplepage.html" data-role="button"> click here </a>"the example pages markup is as follows:-examplepage.html<html><body><div data-role="page" data-theme="a" id="page1" ><div data-role="content" ><p>hello I am page 1</p><a href="#page2">click here for page 2</a></div></div><div data-role="page" data-theme="a" id="page2" ><div data-role="content" ><p>hello I am page 1</p></div></div></body></html>When I click the link I get directed to the examplepage, and the first internal page loads but if I am wanting to link to each internal page I cannot.Looking through the JqueryMobile docs I noticed this :-It's important to note that if you are linking from a mobile page that was loaded via Ajax to a page that contains multiple internal pages, you need to add a
rel="external"ordata-ajax="false"to the linkHowever when adding either rel="external" or data-ajax="false" to the link -"<a href="examplepage.html" data-role="button" rel="external" > click here </a>"the destination page gets its header tag contents stripped, so what ever has been loaded from the index page is removed (jquermobile.css / .js etc).If I manually add the scripts to the page again the multi page linking works.Why does this happen? Am I being dim and missing something? Perhaps I am linking to pages incorrect?Any help is much appreciated- Hi all, I don't think I am quite understanding the Ajax hash linking correctly. I understand that you can have multiple pages within one html document that can be linked by using '#pageid' - I have this working, but what if I have say 3 html documents : -
1) page1.html
2) page2.html
3) page3.html
and each of these documents contained 3 internal pages.
Say I am on page1.html and wanted to change to one of the internal pages on page3.html would I need to load all the pages into the DOM prio using$.mobile.loadPage()then access the internal page?//load the page into DOMpage3.html
$.mobile.loadPage('')//access the internal page from that document$.mobile.changePage('#internalpage')
or can I load the page into the ajax page navigation by using something along the lines of$.mobile.changePage('#page3.html') and then will be able link to the previous pages internal pages aswell as the changed page
I only say this as I cannot navigate to a previously loaded page- Hi all, I have been using jquery mobile to try out some app development and it was happily working when using jquery.mobile-1.0b2 with jquery 1.6.2, I then decided to upgrade to the latest version of jquery mobile 1.0rc2 and now all I get is a loading modal window appear. This is with just text on the document. has anyone else had this issue?
thanks ant- «Prev
- Next »
Moderate user : ant1234
© 2012 jQuery Foundation
Sponsored by 
and others.
