在本單元中,當(dāng)用戶在列表和細節(jié)視圖之間導(dǎo)航時,你添加硬件加速頁轉(zhuǎn)換。
修改index.html如下:
1、在index.html中增加pageslider.css到頂部標簽之中:
<link href="assets/css/pageslider.css" rel="stylesheet">
2、增加一個腳本標簽以包含pageslider.js庫(在 jquery.js之后):
<script src="lib/pageslider.js"></script>
這里PageSlider是GitHub上I主機的微型庫。
修改app.js如下:
1、在Local Variables部分,聲明PageSlider對象的一個實例如下:
var slider = new PageSlider($('body'));
2、在路由中,用對slider.slidePage()的調(diào)用替代對$('body').html()的調(diào)用,傳遞相同的參數(shù)到函數(shù)。
slider.slidePage(new HomeView(service).render().$el);
和
slider.slidePage(new EmployeeView(employee).render().$el);