Loading...

Search jQuery

Search

jQuery Forum

$.mobile.changePage() not working

in jQuery Mobile • 6 months ago

I see a lot of posts about this method call, but none have solved my issue. It seems like this was an issue before and fixed, but doesn't seem to be working for me using the latest version, 1.2. All I am trying to do is call $.mobile.changePage(). I am passing in the url as a string as below:

$.mobile.changePage(url, { transition: "slidefade" });

The url is a fully qualified url. I tried a relative url and same issue.

The issue is that it goes to the url, but it then goes back to the page it was on. I searched this forum and google and tried whatever seems to make sense with this version of jquery mobile.

I am calling this within a function that was called on a 'onclick' attribute of a div.

The reason I am calling it like this, is I am doing an ajax post, and base on the result, I transition to another page. I can use window.location, but I lose the transition effect that I want.

Any ideas?

1

Replies(18)

Re: $.mobile.changePage() not working

5 months ago

I guess no one has a clue as to why this is.

Great support guys.

haga0054

Re: $.mobile.changePage() not working

5 months ago

Unfortunately you haven't got much of a response for a few reasons.

Not enough information in your question. You can tell us all about the issue, but without code it's pretty damn tough to help. What's even better is if we can see an example.
Holidays were upon most. I am sure many people didn't come near here (such as myself) during this time.
These forums aren't very populated. There are only a handful of active users. Lots of people come for one time questions then leave.

So With that, do you have any more information for me?

Examples:

What devices you see this issue on?
Do you see the URL change in the address bar twice?
Have you tried to debug, any issues in the console? Maybe add some console logging to trace.
As you said it doesn't work for the new version, did it for the old?
What version of JQuery are you using?
What browsers have you tried?
What else have you tried?

etc...

Reference: https://forum.jquery.com/topic/how-to-ask-for-jquery-mobile-help

Godsbest

Re: $.mobile.changePage() not working

5 months ago

What element has the onclick handler attached to it? Would you care to share the handler code too? It sounds like there is an event firing and at the same time you are issuing the changePage method.

Re: $.mobile.changePage() not working

5 months ago

What devices you see this issue on?
IPhone and Android
Do you see the URL change in the address bar twice?
No. It changes once to the url I want it to go to, then goes back to the original page, but the url does not change.
Have you tried to debug, any issues in the console? Maybe add some console logging to trace.
I tried stepping threw the jquery mobile javascript and couldnt figure out why. The pageshow event fires twice.
As you said it doesn't work for the new version, did it for the old?
I saw a similar post here and it stated the older version, then an update was made and the original poster never replied if it worked or not with the newer version. The post was closed. https://github.com/jquery/jquery-mobile/issues/2369
What version of JQuery are you using?
1.7.1
What browsers have you tried?
Firefox -works, IE works, Chrome - works, Safari for windows - doesnt work.
What else have you tried?
Besides searching this forum and stackoverflow. I've tried the event.stopPropagation. But, this is not attached to an event. It's on the 'a' tag with an onclick attribute.
<a href="javascript:void(0)" data-transition="slidefade reverse" onclick="Process()"/>
The javascript Process function, does a few things. processes some variables, updates DOM, makes an ajax call, then calls mobile.changePage('url', { transition: "slidefade" })

Thanks

haga0054

Re: $.mobile.changePage() not working

5 months ago

Just out of curiosity, try changing JQuery to JQuery 1.8.2. Wondering if there is a reason you are using 1.7.1? It is supported but JQM 1.2 works with JQuery 1.8.2.

Re: $.mobile.changePage() not working

5 months ago

I just updated to jquery 1.8.3. Same behavior.

haga0054

Re: $.mobile.changePage() not working

5 months ago

Unfortunately 1.8.3 isn't compatible. Just 1.8.2. Is there any way we can see your code or can you provide an example? Try to recreate the issue on jsfiddle.net

Re: $.mobile.changePage() not working

5 months ago

Same with version 1.8.2. I'll try to recreate on jsfiddle.net

Thanks for the quick responses.

Godsbest

Re: $.mobile.changePage() not working

5 months ago

I have a full web app I have been testing with 1.8.3 ( & jQM 1.2.0); I have not seen any issues yet - the changePage() method works fine. And I have an Adobe Air version of the same - works fine too.

It would help to see the code.

Re: $.mobile.changePage() not working

5 months ago

I tried jsfiddle. Cant get it to work.

http://jsfiddle.net/joetherod/C39bu/5/

If you use window.location, its fine. But, with mobile change page I just get the loader.

I'll set up the actual app and give you the url.

haga0054

Re: $.mobile.changePage() not working

5 months ago

Another quick comment, sometimes I see strange thinks happen like this due to linking multi page documents. Are you using multiple single page documents, or one multi-page document for your development?

Re: $.mobile.changePage() not working

5 months ago

Here is the app. I use safari for windows and change the user agent to iphone. You can use an actual iphone.

Click upper left grid icon, which will bring up the menu.

Select any question number 1 or 2.

Move the slider to a different position.

Click the 'Predict' button.

You should see a point countdown modal, then it should goto the next question. It does, but then it goes back to the original question.

You will see the <a> tag on the button that calls the javascript fucntion that does a bunch of things. The mobile.changepage happens in the FlipOrNextPage(data) function. It calls the NavigateTo, which actually has the function call.

Thanks

Re: $.mobile.changePage() not working

5 months ago

Single page document

haga0054

Re: $.mobile.changePage() not working

5 months ago

Alright, I have taken a look but I don't have any more time to spare at this time. I will get back to it when I can. I do, however, believe I know what the issue is.

Do me a favor, can you remove the score from showing up? I believe it should work. I think the issue is with the dialog that pops up. What happens is when it's closed it automatically triggers a back action. It appears that you are changing your page before it has completed closing. Safari seems to be mad and calls the back anyway, after you have already changed pages. What you need to do is close the popup, then call the changePage. Let me know if this helps at all.

Again, I would first try by not showing the score. If this works, then do as I stated above. Good luck! Will check back in later.

Godsbest

Re: $.mobile.changePage() not working

5 months ago

In addition to FlipOrNextPage() you also have a change handler in ReBindQuestionSelect()

$(questions).bind("change", function (event, ui) {
   $.mobile.changePage(event.currentTarget.value, { reloadPage: true, transition: "slidefade" });
});

Is that what is causing the conflict?

Godsbest

Re: $.mobile.changePage() not working

5 months ago

I am now leaning more toward the dialog (score) explanation.

Re: $.mobile.changePage() not working

5 months ago

Bingo! Thanks so much!!!

I put a setTimeOut when I called the FlipOrNextPage(). It was being called after I closed the dialog. So, with the interval it works.

That Rebind function was an artifact, Shouldnt have been called.

Again. Thanks a ton!

haga0054

Re: $.mobile.changePage() not working

5 months ago

You are quite welcome. Glad to help you out

.