Open links in div container in JQuery Mobile

i have a multi-column layout where "#content-primary" is the div i want the actual content loaded, and "#content-secondary" holds a generated listview of links(effectively a navigation menu).

I'm using this code to change the page, pretty much following the JQM Docs, however the browser is following the links to entirely new pages, instead of loading the content from them into the "#content-primary" div. There's obviousl开发者_开发知识库y something I'm missing.

$(function(){
            $('#menu a').click(function() {
                $.mobile.changePage($(this).attr('href'), {
                    pageContainer: $("#content-primary")
                } );
            });
        });

Using Django on the backend, but it probably isn't relevant.

I finally found an answer here. JQuery Mobile's changePage() and loadPage() methods do too much post-processing and triggers a lot of events that really makes implementing your own dynamic loading more complicated than it should be.

The good old fashioned #("div#primary-content").load(); works, but I'm still struggling to apply JQM styles to it.

interestingly, this contradicts with this:

$.mobile.changePage() can be called externally and accepts the following arguments (to, transition, back, changeHash).

And when tested this works: $.mobile.changePage("index.html", "slideup"); but this does not: $.mobile.changePage("index.html", { transition: "slideup" });

Perhaps documentation is not quite right?

Update to the new beta 1 release