Как сделать, чтобы представления мобильных списков jquery отображались в том же формате, что и в документации?

Question

Мне было интересно, как отобразить слева мобильный список jquery, как в документах, расположенных по адресу http://jquerymobile.com/demos/1.0.1/docs/lists/docs-lists.html. Размер списка очень хорошо изменяется с Ipad и Iphone. Я попытался скопировать содержимое URL документа, и я не смог получить тот же результат. Вместо этого представление списка отображается как второй блок под основным контентом.

Предложенный ответ состоял в том, чтобы использовать контент-первичный и контент-вторичный, но это не работает, см. Пример здесь http://jsfiddle.net/jSkM7/2/

Answer 1

Я думаю, что вы ищете это определение

<div class="content-primary">

против

<div class="content-secondary">

Если вы поместите «вторичный»Сначала в вашей разметке, используя div содержимого, вы получите эффект с первой страницы (http://jquerymobile.com/demos/1.0.1/)), где он будет свернут в верхнюю часть страницы, если вы посмотрите на iPhone против iPad. Если вы поместите его после основной, он сложится,как тот, который вы показали.

Типы списков также различны, поэтому вы должны взглянуть на источник этих страниц, чтобы выяснить, что больше соответствует вашим потребностям.

Answer 2

ОК, это похоже на ошибку в jqm 1.0.1, предложенный ответ выше работает в 1.0.