I'm having trouble with the navigation of my app when loading a page dynamically.
On my homepage i have a list of links with anchors linking to top level directories.
I have hijacked one of the links with javascript and done some conditional logic that loads a page dynamically. Depending on the logic results this could be a second or third level directory.
On first time load of this link the page works fine, however, when I click the JQM back button it takes me to the homepage and all looks well until I try the same link again.
It's at this point my problems occur.
It looks like JQM has retained the sub directories in the url when it tries to send me to the page. the page loads but the javascript console is filled with 404's.
I have a file structure like this:
index.html
news/
index.html
bins/
index.html
detail/
index.html
When I load the page for the first time all is well.
I'm having trouble getting the camera functionality to work on my device after I upload it through build.phonegap.
I stripped out all evidence of jQuery mobile and the functionality works. So I must be placing my code in the wrong place or inititializing it wrong or something.
Can you help me structure my code in a way its going to work.
Here's what I have so far that doesn't work but seems to be calling the getPicture parent function.
I'm half way through building a Report It app using JQM and Phonegap.
I've tested what I've done on my computers Chrome browser and everything works just the way I want it.
I then upload my code to build.phonegap.com and install it on the works google nexus.
When I test the app on this device I'm getting a problem with the main content shows for a split second then disappears leaving just an anchor tag styled as a btn. This doesn't happen on all pages so I'm finding it hard to pinpoint the error.
Can you help me work out why the content disappears?
I have a feeling its to do with the way I wrap my javascript in "pageshow" event. I had previously had all the "pageshow" with "pageinit".
-- Also I'm struggling with the code for the #photoPage doesn't work
I have had this problem for a while now and really need to get to the bottom of the issue.
The site in question:
m.fifedirect.org.uk
The problem is with IE (<= 8) havent testing on 9.
The jquery stuff that switches between pages throws an error and hangs at the loading dialog. When I manually type each page it works. When I turn javascript off it works. FF, Safari, Chrome, Opera all work.
I have tried all combinations of versions of both jquery and jquery mobile with no luck.
error message in IE:
"Unexpected call to method or property access."
// resolve with given context and args resolveWith: function( context, args ) { if ( !cancelled && !fired && !firing ) { // make sure args are available (#8421) args = args || []; firing = 1; try { while( callbacks[ 0 ] ) { callbacks.shift().apply( context, args ); } } finally { fired = [ context, args ]; firing = 0; } } return this; }
I was just doing some testing of my jqm site when I came across a problem when clicking a link on IE8. When i click a link I just get the loading screen forever.
I targeted that if I comment out the code below from my custom js then I can click all over the site in IE8
$(document).bind("mobileinit", function() { $.mobile.page.prototype.options.addBackBtn = true; //THIS LINE IS THE PROBLEM I THINK!! $.mobile.selectmenu.prototype.options.nativeMenu = false; });
Has anyone come across this issue before or have any advise for me.
Do you know how to make the jqm back button point to the previous page position of the used link as I have many pages with long lists and it would be nice if the user was directed to the position in the list he linked from.