jQuery Forum

I found a temporary solution to this issue:

In the A3 uncompressed source, I changed the line that reads (should be line 1700):

1. dialogHashKey = "&ui-state=dialog";

to:

1. dialogHashKey = "#";

This appears to correct the back button history when navigating to a new page from a jqm dialog. The empty hash still shows up in the urlHistory, but back button functionality is now working as expected.

I'm still doing some testing, but I haven't noticed any side effects.

I'm attempting to find a more permanent solution that keeps the dialogHashKey, but removes the entry from the urlHistory stack.

If anybody has any suggestions, please post them.

The above fix was affecting a dialog's custom "cancel" button.

Looking through the source, I found that any link with a 'data-rel="back"' triggers a call to window.history.back(). When a dialog opens, "#&ui-state=dialog" is appended to the url, so that is included in the window history. I would ideally like to delete the dialog's url state from the the history stack, but I'm not sure if that's possible. Instead I found the following solution seems to work:

starting from what should be line 2201, change

1. if( $this.is( "[data-rel='back']" ) ){
2.       window.history.back();
3.       return false;
   
4. }

to

1. if( $this.is( "[data-rel='back']" ) ){
2.       if($.mobile.urlHistory.getPrev().url.indexOf(dialogHashKey) > -1){
3.             window.history.go(-2);
4.       } else {
5.             window.history.go(-1);
6.       }
7.       return false;
8. }

This solution solves the jqm back button problem, but the browser back button still goes to the history state with "&ui-state=dialog" in the url, requiring pressing it a second time to get to the previous page.

I'm experiencing the same, or a related, bug with a form that submits to the same page. 

This is my first post in the jquery forums so sorry for the dumb question, but how do I submit a ticket?

The above fix should work for your issue as well, as the problem appears to be with the back button in your situation as well.

hehe, i'm new here aswell, but i found that the buglist is over at github: https://github.com/jquery/jquery-mobile/issues

think i found a ticket for this: https://github.com/jquery/jquery-mobile/issues#issue/853

That ticket appears to be for A2 instead of A3. I believe A3 was released on 02/04/2011.

I created an issue on github: https://github.com/jquery/jquery-mobile/issues/issue/1030

I'm using a dialog to ask users if they want to leave the site I'm working on, as they will be charged if they do so.

The problem is that if they click their back button, they return to the site but the '#ui-state=dialog' in the URL means that only a blank page is displayed.

Is there a way round this other than to parse the URL with JS and redirect if that string is found?

You can try triggering a history.back() on close button click, and then manually setting location.href:

1. $(function(){
2.       $('a#closeAndExit').live('click',function(e){
3.             e.preventDefault();
4.             history.back();
5.             location.href = $(e.currentTarget).attr('href');
6.       });
7. });
   

Thanks, will try that.

Hi,

I changed the following line in the uncompressed source code (line 1700):

1. dialogHashKey = "&ui-state=dialog";

to

1. dialogHashKey = "";

And that seems work, don't need to push two time the back button.
Hope that could help.