使用jqMobi開發app基礎:a標籤的使用
時間 2014-01-24 09:33:25 CSDN博客
原文 http://blog.csdn.net/xuexiaodong009/article/details/18603859
a標籤,在 AFUI 中添加了幾個很特殊的屬性。
1 data-transition表示panel如何出現,有一定的動畫效果。
例如:
data-transition="pop"
可以使用的參數有 slide, up, down, flip, fade, pop, none,默認爲 slide
2 data-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上可以,不知道是我測試的問題還是因爲我用的是模擬器。
data-ignore="True"會導航到index.html頁面,並不會把index.html的內容加載到dom中
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Json字符串和highcharts數據圖表展現
Amiao999
2020-02-25 01:33:35
appframework(2.1) 小技巧(更新中)
Amiao999
2020-02-25 01:33:35
jqmobi如何隱藏頭部底部 Hide Footer Menu
Amiao999
2020-02-25 01:33:35
webApp 開發技術要點總結(轉)
Amiao999
2020-02-25 01:33:35
需求是我想用幾個複選框控制每根柱子的顯示和隱藏
Amiao999
2020-02-25 01:33:35
Json字符串和highcharts數據圖表展現
Amiao999
2020-02-25 01:33:35
appframework(2.1) 小技巧(更新中)
Amiao999
2020-02-25 01:33:35
jqmobi如何隱藏頭部底部 Hide Footer Menu
Amiao999
2020-02-25 01:33:35
highcharts+json+ashx 圖表動態數據綁定
Amiao999
2020-02-25 01:33:35
解決辦法:Synchronous XMLHttpRequest on the main thread is deprecated because of its
Amiao999
2020-02-25 01:33:35
請求jquery.min.js的時候,log顯示瀏覽器還請求了jquery.min.map,該請求導致服務端報錯
Amiao999
2020-02-25 01:33:35
得到數據庫中的數據,並在Highcharts控件中顯示
Amiao999
2020-02-25 01:33:35
webApp 開發技術要點總結(轉)
Amiao999
2020-02-25 01:33:35