Swipe to navigate jquery mobile

[heijimrt 0]

Olá,

 

Apesar de não possuir conhecimento com a ferramenta, estou desenvolvendo um aplicativo com jquery mobile.

 

Preciso implementar este código da própria jquerymobile: http://demos.jquerymobile.com/1.4.4/swipe-page

em uma página simples seguindo a estrutura.

 

exemplo:

 

<div data-role="page">
<div data-role="header">
</div>

<div data-role="content">
<div id="logo"></div>
</div>

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

 

De modo que a galeria ficasse logo a baixo do header, e o conteúdo estrutura nos padrões jquerymobile, ficasse logo abaixo.

exemplo: http://www.pmcjax.com/img/portfolio-mobile1lg.jpg

 

Acredito que o problema seja de fácil solução, toda ajuda é bem vinda.

Obrigado!!

[L. Henrique 179]

<div data-url="city" data-role="page" id="city" class="demo-page" data-dom-cache="true" data-theme="b" data-prev="prevCity" data-next="nextCity">
    <div role="main" class="ui-content">
        <div id="trivia-city" class="trivia ui-content" data-role="popup" data-position-to="window" data-tolerance="50,30,30,30" data-theme="a">
            <a href="#" data-rel="back" class="ui-btn ui-btn-right ui-btn-b ui-btn-icon-notext ui-icon-delete ui-corner-all">Close</a>
            <p>Here some text.</p>
        </div><!-- /popup -->
    </div><!-- /content -->
</div>

Releia o código da página do js.

 

Abraços.