динамически добавлять страницы с данными

Question

Я хочу динамически добавлять страницы с ролями данных в мое приложение для телефонной пробелы. Я думал, что могу сделать это с чем-то вроде этого, но не работает

jQuery(function()
{     
    var theList = jQuery('#results');      
    for(i=0; i<mytool_array.length; i++)     
    {           
        content = '<div data-role="page" id="page'+i+'"><div data-role="header" data-backbtn="false"></div><div data-role="content"><p>page=+'+i+'</p></div></div>'; 
        theList.append(content);    
    }   
})

Im my HTML:
<div id="results"></div>

Answer 1

Насколько я могу предсказать, проблемы:

1. Вы не должны помещать страницы в div.они должны быть в теле
2. ваша функция запускается в DOMready, поэтому после (или частично во время) jquery mobile форматирует
3. и переосмысливает вашу идею.добавление базовой структуры html в тело и последующее их заполнение должно работать лучше
4. Попробуйте сделать его list или набором collapsibles вместо страниц.

Это говорит о том, что ваштекущий код должен выглядеть следующим образом:

jQuery(function($)
{     
    var b = $('body');      
    for(i=0; i<mytool_array.length; i++)     
    {           
        $('<div data-role="page" id="page'+i+'"><div data-role="header" data-backbtn="false"></div><div data-role="content"><p>page=+'+i+'</p></div></div>') //newline added for readability. it shouldn't be here
        .appendTo(b).page();    //newline added for readability
    }   
});