Противоречивая страница ТНМ с JQuery мобильного вложенным списком

Question

В JQuery мобильного у меня есть вложенный список. Когда отображается вложенный список, страница не совпадает с предыдущей. Страница, показывающая список "1.html": data-theme = "a", с хорошим заголовком и нижним колонтитулом. Вложенный список выглядит как data-theme = "d", без нижнего колонтитула и имеет кнопку возврата - я бы предпочел использовать пользовательскую кнопку? В любом случае, исправлено ли это, чтобы страница вложенного списка соответствовала странице отцов? Спасибо :-)

Answer 1

ошибка? Какую версию jQuery Mobile вы используете? Начиная с версии 1.1.0, кнопка возврата в заголовке по умолчанию отключена. Проверьте этот пример http://jquerymobile.com/demos/1.1.0/docs/lists/lists-nested.html

О втором вопросе о кнопках, футера и темы.

Оказывать кнопку, все, что вам нужно сделать, это положить data-role="button" и для темы добавить data-theme="a" в ссылку, как этот

<a href="index.html" data-role="button" data-theme="a">Link button</a> 

Для создания колонтитула вам нужно поместить следующее внутри страницы DIV :

<div data-role="footer"> 
    <h4>Footer content</h4> 
</div><!-- /footer --> 

как демо, вот страница с темой е применяется:

<div data-role="page" data-theme="e"> 

    <div data-role="header" data-theme="e"> 
     <h1>Single page</h1> 
    </div><!-- /header --> 

    <div data-role="content">  
     <p>Some text here</p> 
     <a href="index.html" data-role="button">Link button</a>  
    </div><!-- /content --> 

    <div data-role="footer" data-theme="e"> 
     <h4>Footer content</h4> 
    </div><!-- /footer --> 

</div><!-- /page --> 

В конце, вы можете посмотреть здесь примеры http://jquerymobile.com/demos/1.1.0/ и изучить код, выбрав «Просмотр кода страницы» в вашем браузере. Так я сейчас изучаю JQM.