a标签,在AFUI中添加了几个很特殊的属性。
1 data-transition表示panel如何出现,有一定的动画效果。
例如:
~~~
data-transition="pop"
~~~
可以使用的参数有slide, up, down, flip, fade, pop, none,默认为slide
2data-persist-ajax="true"指定一个页面,会把制定的页面加载到DOM中。
感觉和panel的data-defer有些类似。但却不能在指定页面中有ajax请求,否则会出现空白,也就是加载失败。指定的文件内容限制和data-defer制定的文件初步测试也是一样的。
例如:
~~~
<div id="home" class="panel" selected="true" data-tab="navbar_home" data-nav="main">
<a href="about.html" id='A2' data-persist-ajax="true" class='icon home big' >关于我们</a>
</div>
~~~
3data-refresh-ajax="true"指定一个页面,会把制定的页面加载到DOM中,可以包含ajax请求。
`4data-ignore``=``"True"会把a标签作为一般的标签,jqMobi不会进行特殊处理。`
`例如:`
``
~~~
<a href="index.html?bb" data-ignore="True">Load BB10 Theme </a>
~~~
会导航到index.html页面,并不会把index.html的内容加载到dom中。如果需要返回则需要自己编写相应的链接或者代码。不像其他几种,会自动生成返回的按钮。
初步测试data-persist-ajax="true"制定静态页面是可以的,data-refresh-ajax="true"在苹果系统上似乎有问题,但在Android上可以,不知道是我测试的问题还是因为我用的是模拟器。
[官方文档](http://app-framework-software.intel.com/documentation.php#afui/afui_anchors)
- 前言
- 使用jqMobi开发app基础
- jqMobi开发app页面注意事项
- 使用jqMobi开发app基础:定义header
- 使用jqMobi开发app基础:定义footer
- 使用jqMobi开发app基础:通过panel添加内容
- 使用jqMobi开发app基础:panel属性data-defer介绍
- 使用jqMobi开发app基础:Side Menu
- 使用jqMobi开发app基础:Styled Lists布局
- 使用jqMobi开发app基础:Grid布局
- 使用jqMobi开发app基础:响应式布局介绍
- 使用jqMobi开发app基础:Toggle Switches开关按钮
- 使用jqMobi开发app基础:HTML5 LocalStorage 本地存储
- 使用jqMobi开发app基础:登录页面的实现
- 使用jqMobi开发app基础:注销页面的实现
- 使用jqMobi开发app基础:viewport指令
- 使用jqMobi开发app基础:a标签的使用
- 使用jqMobi开发app基础:Scrolling的使用,向上向下拖动,动态添加数据
- 使用jqMobi开发app基础:页面传值方式
- 使用jqMobi开发app基础:panel之间的跳转方式
- 使用jqMobi开发app基础:panel之间的跳转方式总结
- 使用jqMobi开发app基础:下拉select
- 使用jqMobi开发app基础:真的只能存在一个DOM吗?
- 使用jqMobi开发app基础:使用 jQuery
- 使用jqMobi开发app基础:Scrolling的使用,拖动后大量空白的解决方法
- 使用jqMobi开发app基础:Scrolling的使用,停止和继续拖动有关的问题
- 使用jqMobi开发app基础:Badge的使用
- 使用jqMobi开发app基础:如何拨打电话?
- 使用jqMobi开发app基础:弹出内容的设计