Search jQuery

jQuery Forum

Jquery mobile 1.4 navigate to dynamically created page

in Developing jQuery Mobile • 9 years ago

Hi guys

does anyone has idea how to navigate to dynamically created page in jquery mobile 1.4?
e.g. in 1.3.0 version I did it like this

ajaxCall(param1).always(function (data) {
            //$.mobile.hidePageLoadingMsg();
           if (data.d != null) {
                var newPage = $(data.d);

                //append it to the page container
                newPage.appendTo($.mobile.pageContainer);
                //go to it
                $.mobile.changePage(newPage );

            }
            else {
                MyApp.DisplayErrorMsg("Error calling service!!");
            }
        });

Thanks in advance,
Tommy

Replies(9)

james.nad..

Re: Jquery mobile 1.4 navigate to dynamically created page

9 years ago

Hi Tommy,

It looks like you have the part that actually changes to the page commented out. Have you tried uncommenting it and seeing if it works.

$.mobile.changePage(newPage );

If I could see more examples I could help you diagnose further, but the above looks like the problem as it stands.

David Law..

Re: Jquery mobile 1.4 navigate to dynamically created page

9 years ago

$.mobile.changePage was Deprecated in 1.4:

http://jquerymobile.com/blog/2013/10/24/jquery-mobile-1-4-0-rc1-released/

Looks like the new way in 1.4 is to use $.mobile.navigate:

http://view.jquerymobile.com/1.4.0-beta.1/dist/demos/navigation/

So for your example code $.mobile.navigate( newPage );

watusiware

Re: Jquery mobile 1.4 navigate to dynamically created page

9 years ago

Deprecated means "being removed in a future version". It's not being removed yet in 1.4.

You can prepare for 1.5 or 1.6 where it will be removed, but I think I'd wait for the documentation to be complete.

tomyyba

Re: Jquery mobile 1.4 navigate to dynamically created page

9 years ago

Guys, first of all I want to thank you for your replies.

@james.nadeau , well commented line of code

$.mobile.changePage(newPage );

was my copy/paste error, but thank you for pointing this out, I will correct this in my original post.

@David Lawless,
$.mobile.navigate( newPage );
didn't help, i was getting following error in
jQuery Mobile 1.4.0-alpha.1.js file:
cleanedUrl.indexOf is not a function to be more precise in function:

squash: function( url, resolutionUrl ) {
...
// Split the UI State keys off the href
stateIndex = cleanedUrl.indexOf( this.uiStateKey );
....
}

For now I will stay on $.mobile.changePage ,
I had some problems with core function

getAttribute: function( e, key, dns )
{
....
data = e.getAttribute( key );
..}

and I put data = e.getAttribute( key ); in try..catch and it seems that now situation is better, I don't know how to solve this issue better, I am open for all suggestions

james.nad..

Re: Jquery mobile 1.4 navigate to dynamically created page

9 years ago

I think your problem is:

jQuery Mobile 1.4.0-alpha.1.js

Try upgrading to the latest release candidate and see if that gets you anywhere. I think this might have been broken in alpha...

http://jquerymobile.com/blog/2013/10/24/jquery-mobile-1-4-0-rc1-released/

or, even better, compile what's on github for your use.

https://github.com/jquery/jquery-mobile

But if you are making something you want to put in front of customers, you should probably be using the latest stable unless you really know what you are doing.

http://jquerymobile.com/download/

tomyyba

Re: Jquery mobile 1.4 navigate to dynamically created page

9 years ago

I already have almost finished product in jquery mobile 1.3.2 , but few days ago I started experimenting with this 1.4 releases, because I was curious(and I liked this new "flat" design) :). I will probably use this for future versions, anyway thank you for your answers.

Best regards

watusiware

Re: Jquery mobile 1.4 navigate to dynamically created page

9 years ago

1.3/1/4 is a tough choice to make right now.

There is enough that is changing that it will not be trivial to convert 1.3 (and earlier) sites to 1.4. On the other hand, 1.4 is still buggy, and the documentation is lagging.

If you have some time before the site goes live, I would be very tempted to use 1.4 at this point. It is a huge performance improvement.

tomyyba

Re: Jquery mobile 1.4 navigate to dynamically created page

9 years ago

@watusiware

Thank you for advices, I will definitely continue to experiment with 1.4 version, I also like this reduce in DOM output in compare with 1.3

tomyyba

Re: Jquery mobile 1.4 navigate to dynamically created page

9 years ago

Hi all,

after new documentation for jQM 1.4.0 has been released recently , there is replacement for $.mobile.changePage method. It is part of Pagecontainer widget ( $.mobile.pageContainer.pagecontainer("change", newDynamicPage )).
More about this widget : Pagecontainer Widget.

So replacement for my initial code would be as follows:

var newDynamicPage = $(data.d);
//append it to the page container
newDynamicPage .appendTo($.mobile.pageContainer);
//go to it
$.mobile.pageContainer.pagecontainer("change", newDynamicPage );

Top Reply

Response title

Attachments

jQuery Forum

Jquery mobile 1.4 navigate to dynamically created page

Replies(9)

Re: Jquery mobile 1.4 navigate to dynamically created page

Re: Jquery mobile 1.4 navigate to dynamically created page

Re: Jquery mobile 1.4 navigate to dynamically created page

Re: Jquery mobile 1.4 navigate to dynamically created page

Re: Jquery mobile 1.4 navigate to dynamically created page

Re: Jquery mobile 1.4 navigate to dynamically created page

Re: Jquery mobile 1.4 navigate to dynamically created page

Re: Jquery mobile 1.4 navigate to dynamically created page

Re: Jquery mobile 1.4 navigate to dynamically created page

Statistics

Tags

Actions