Back button triggers 'a' event on iphone using jquery mobile

Question

I have a jQuery mobile app that has some code to show the loading screen on (nearly) all links

$(document).on('click', 'a:not(#addyes-link,upgradeyes-link,[rel=close],[data-icon=grid,[title=Close])', function (e) {
    captains.log(e);
    alert(e);
    $.mobile.showPageLoadingMsg();
});

I'm doing this because I have turned off loading the pages with ajax, because I would have to rewrite a huge application that has a working desktop front end.

the problem is that clicking the back button causes the loading image to show. If I comment out the code above it the loading message doesn't appear.

I've tried

$(document).ready(function() {  
    $.mobile.hidePageLoadingMsg();
}

but the message still appears.

Interestingly while if I comment out the above code the spinner stops appearing but the alert doesn't trigger. I think this means it's something to do with the who the page is loaded after pressing back as in the page isn't reloading which is my the hiding code above isn't working.

use `$.mobile.loading( "show" )` and `$.mobile.loading( "hide" )`. — Omar, May 02 '13 at 14:24
http://jsfiddle.net/Palestinian/MX6x5/ it should work. Maybe you have mistake in your selectors. — Omar, May 02 '13 at 16:12
the loading image is showing up, the problem is it's also showing up when you click the back button. — psykx, May 03 '13 at 08:55
Check your selector `a:not(#addyes-link,upgradeyes-link,[rel=close],[data-icon=grid,[title=Close])'` the problem might be here. Test it on one selector at least. — Omar, May 03 '13 at 15:48

score 0 · Accepted Answer · answered May 07 '13 at 15:48

I added a new class for buttons and a links which I used to load the loading image from js. I'd have much preferred to not have to add classes to my code as there are many more places where it is used than where it isn't.

If I can replicate it I will submit a bug request to Jquery mobile.

Back button triggers 'a' event on iphone using jquery mobile

1 Answers1