Apache Cordova 使用硬件加速

使用硬件加速

在本單元中，當用戶在列表和細節(jié)視圖之間導航時，你添加硬件加速頁轉換。

步驟

修改index.html如下：

1、在index.html中增加pageslider.css到頂部標簽之中：

<link href="assets/css/pageslider.css" rel="stylesheet">

2、增加一個腳本標簽以包含pageslider.js庫（在 jquery.js之后）：

<script src="https://atts.w3cschool.cn/attachments/image/wk/apachecordovatutorial/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);