index.js 1.27 KB
Newer Older
liujiangnan's avatar
liujiangnan committed
1

2
/* 
liujiangnan's avatar
liujiangnan committed
3

4
window.courseware.getData(callback,key);  //用于获取数据
liujiangnan's avatar
liujiangnan committed
5

6 7 8
window.air.hideAirClassLoading(key,data);  //页面加载完成时,必须调用此方法,用于隐藏遮罩层
 
*/
liujiangnan's avatar
liujiangnan committed
9 10


11 12
//对应模板的名称,这个可以不写,但是最好是能写上,同时开发多个模板的情况下如果不写这个,本地缓存可能会存在混乱
var key = "h5_test";
liujiangnan's avatar
liujiangnan committed
13

14
$(function(){
liujiangnan's avatar
liujiangnan committed
15

16 17 18 19 20 21 22 23 24
  window.courseware.getData(function(data){
    //数据加载完,才算页面加载完成
    //获取数据
    if(data&&data.test){
      $("#test").html("Hello "+data.test);
    } else{
      //一般来讲,如果没有获取到数据的话,给一组默认数据,用于演示模板的展示效果,方便别人了解这个模板
      $("#test").html("Hello 我是演示信息!");
    } 
liujiangnan's avatar
liujiangnan committed
25

26 27 28 29 30 31 32 33 34 35 36
    //数据渲染完成后,添加各种交互或者动画效果
    //我这里简单做一个渐入渐出效果的例子
    var flag = true;
    setInterval(function(){
      if(flag){
        $("#test").fadeIn(500); 
      }else{
        $("#test").fadeOut(500);
      }
      flag = !flag;
    },1000)
liujiangnan's avatar
liujiangnan committed
37

38 39
    //在页面加载、事件、动画等都初始化完成后,一定要记得调用此方法,否则模板将是不可用的
    window.air.hideAirClassLoading(key,data);
liujiangnan's avatar
liujiangnan committed
40

41
  },key); 
liujiangnan's avatar
liujiangnan committed
42

43
})