appframework基础 : 五、a标签的使用

  a标签，在appframework中添加了几个很特殊的属性。

1 、data-transition表示panel如何出现，有一定的动画效果。 

[html]  view plain copy

1. data-transition="pop"   

  可以使用的参数有slide, up, down, flip, fade, pop,  none，默认为slide 

2、data-persist-ajax="true"指定一个页面，会把制定的页面加载到DOM中。

感觉和panel的data-defer有些类似。但却不能在指定页面中有ajax请求，否则会出现空白，也就是加载失败。指定的文件内容限制和data-defer制定的文件初步测试也是一样的。

[html]  view plain copy

1. <div id="home" class="panel"  selected="true"  data-tab="navbar_home" data-nav="main">   
2. <a href="about.html" id='A2' data-persist-ajax="true"  class='icon home big' >关于我们 </a>            
3. </div>   

3、data-refresh-ajax="true"指定一个页面，会把制定的页面加载到DOM中，可以包含ajax请求。

4、data-ignore="True"会把a标签作为一般的标签，appframework（jqMobi）不会进行特殊处理。

[html]  view plain copy

1. <a href="index.html?bb" data-ignore="True">Load BB10 Theme </a>  

会导航到index.html页面，并不会把index.html的内容加载到dom中。如果需要返回则需要自己编写相应的链接或者代码。不像其他几种，会自动生成返回的按钮。

ps:初步测试data-persist-ajax="true"制定静态页面是可以的，data-refresh-ajax="true"在苹果系统上似乎有问题，但在Android上可以，不知道是我测试的问题还是因为我用的是模拟器。