使用硬件加速

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

步骤

修改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);
联系我们

邮箱 626512443@qq.com
电话 18611320371(微信)
QQ群 235681453

Copyright © 2015-2024

备案号:京ICP备15003423号-3