jquery/jquery-mobile — Issue #3222:  jQuery Mobile + IE Desktop + browser address bar showing incorrect address
Author: thstart
Created: 2011-12-05 17:48:33+00:00
State: open

The following is an issue only with IE Desktop.

1) If ajax is enabled in jQuery Mobile the site looks great and the buttons look beautiful and have an added visible link
which makes clicking on buttons in IE to work always as expected, also submit buttons are working fine.

The issue (only with IE) is that when ajax is enabled a hash appears in the browser bar and other side effects too.

One side effect is for example you login on the site and you are on /user/login page and the address bar shows
it up correctly. My server performs a login redirection which goes to the front page but in the browser address bar /user/login stays.

If you click on a link the address bar changes correctly. But if you want to do a server redirection,
in address bar you see /user/login staying. You are in /myinfo but you see /user/login in the address bar.
If you happen to come to myinfo with clicking on other links before, IE adds '#' tag for example /user/login#myinfo.
Coming to myinfo, you fill out the form and hit submit. Because in the browser bar you have /user/login#myinfo,
the form is not submitted because web2py thinks you are in /user/login.

If I don't load jQury Mobile after jQuery I don't get this issue if only jQuery is used.

2) if ajax is enabled gobally jQuery Mobile has an option to add 'ajax disabled' for the link or submit button,
but it does not change the behavior with IE - using data-ajax="false

3) the only way to show the browser bar correctly and eliminate the hash is by disabling the ajax globally.
Which makes the site not looking good and now you have a different issue. Clicking on buttons and submit with
IE is not reliable, you have to click on the upper part of the button (?!?).