Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JQuery Mobile .page() function causes infinite loop?

I'm dynamically creating a listview with data from a AJAX response. It successfully creates the listview and populates it, but when i call JQM's .page() function on it, it seemingly goes into an infinite loop where the listview is appended forever.

Is this a bug in JQM or am I doing something wrong?

pageScript(function($context){
    $context.bind("pagecreate", function(event, ui){
        createMenu(); //function that deletes existing ul#menu and dynamically creates new one. 
        $('ul#menu').page(); //here's where it causes a problem
        $('#menu a').bind('click', function(){
            $.mobile.changePage($(this).attr("href"), {pageContainer: $("#primary-content"), transition: "fade", changeHash: false, reloadPage: true});
            return false;
        });
    });
});

pageScript is a function that allows me to run page-level scripts when they are loaded by JQM. It's defined in the base template or index.html:

function pageScript(func) {
            var $context = $("div:jqmData(role='page'):last");
            func($context);
        };
like image 262
sw00 Avatar asked Dec 10 '22 07:12

sw00


1 Answers

Instead of using .page() use .trigger( "create" ); jQuery Mobile team update: Week of July 18th http://jquerymobile.com/blog/

like image 102
Joe Avatar answered Dec 28 '22 10:12

Joe