带有胡子模板的页面滑块

Question

我已经开始使用小胡子和javascript（带有laravel后端）开发我的第一个cordova SPA。

---

我的问题是，当屏幕上只有一个div时，我应该如何使用滑动页面进出导航？

我的HTML：

＆＃13;

＆＃13;

<div id="content">

</div>

＆＃13;

＆＃13;

＆＃13;

模板：

＆＃13;

＆＃13;

<script type="text/mustache" id="aboutTemplate">
        <div>
                <header class="bar bar-nav">
                        <h1 class="title">About</h1>
                        <a class="btn btn-link btn-nav" href="#">
                            <span class="icon icon-left-nav"></span> &nbsp;&nbsp; Home
                        </a>
                </header>

                <div class='content'>
                    <p> {{ title }}</p>
                    <p> {{ author }} </p>
                    <p> {{ content1 }} <br />
                        {{ content2 }} <br />
                    Contact:<a href="mailto:{{ content3 }}"> {{ content3 }} </a>
                    </p>
                </div>
        </div>
        </script>

＆＃13;

＆＃13;

＆＃13;

JS：

＆＃13;

＆＃13;

(function () {

   
    router.addRoute('about', function() {
		about();
		
    });

 
    router.start();

    /*------Pages------*/
	function about() {

		var data = { title: 'xxxxx',
					 author: 'Dima Daniel', 
					 content1 :'xxxxxxxxxx.',
					 content2 : 'Made by: Dima Daniel.',
					 content3 : 'xxxxxx'
					}
		    var template = $("#aboutTemplate").html();
			var html = Mustache.to_html(template, data);
			$('#content').html(html);
	}

	/*....Pages END....*/

}());

＆＃13;

＆＃13;

＆＃13;