Via 由 [ ] 提供

使用硬件加速

在本单元中,当用户在列表和细节视图之间导航时,你添加硬件加速页转换。

步骤

修改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);
上一篇: 执行视图路由 下一篇: 使用本地 API