javascript - JQuery Mobile .page() function causes infinite loop? - Stack Overflow

admin管理员组

文章数量:1241157

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);
        };

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);
        };

• javascript
• jquery
• jquery-mobile
• dhtml

Share Improve this question Follow asked Jul 8, 2011 at 12:50 sw00sw00 98022 gold badges1616 silver badges3030 bronze badges 2

• 1 .page() refreshes the page with jQM markup – Phill Pafford Commented Jul 8, 2011 at 14:57
• it appears that you can't selectively use .page() on individual elements. it runs on "page" level and subsequently triggers the "pagecreate" event. – sw00 Commented Jul 12, 2011 at 12:40

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 14

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

本文标签： javascriptJQuery Mobile page() function causes infinite loopStack Overflow