在本单元中,当用户在列表和细节视图之间导航时,你添加硬件加速页转换。
修改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()的调用替代对$('body').html()的调用,传递相同的参数到函数。
slider.slidePage(new HomeView(service).render().$el);
和
slider.slidePage(new EmployeeView(employee).render().$el);