Связать элементы списка со страницами роли данных

#jquery #cordova #jquery-mobile

#jquery #кордова #jquery-мобильный

Вопрос:

Мне нужна некоторая помощь, потому что последние пару дней я пытался, но не могу в этом разобраться. Я создаю с помощью цикла разные элементы списка. Он имеет такой формат:

 <li><a href="page1"><h3>Page 1</h3><p>Open page 1</p></a></li>

Итак, вы можете видеть, что эта страница имеет ссылку href на страницу 1, другие элементы имеют ссылки на страницу 2, страницу 3 и т.д.

Как я могу создать цикл на разных страницах с помощью этого кода:

 <div data-role="page1" id="page1">
    <div data-role="content"><p>This is Page 1</p></div>
</div>

Я думал что-то вроде этого, но это не работает:

 jQuery(function($) {          
    var b = $('body');           
    for(i=0; i<10; i  )          
    {                    
        $('<div data-role="page1" id="page1"><div data-role="content"><p>This is Page ' i '</p></div></div>').appendTo(b).page();     
    }    
});

1. Что это за .page() метод? Я никогда этого не видел.

2. ваша data-role =»page1″ должна быть data-role =»страница», поскольку страница никогда не изменится. Это разметка jQM для отображения, а не для навигации

3. Понятно и изменено, но я каждый раз получаю сообщение «Ошибка загрузки страницы». Href не может найти страницу. Может быть, это связано с тем, что список создается первым?

4. У вас есть предложения, как я могу сделать что-то подобное другим способом?

Ответ №1:

Как насчет

         $('<div data-role="page' i '" id="page' i '"><div data-role="content"><p>This is Page ' i '</p></div></div>').appendTo(b);