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基礎:彈出內容的設計