data-ignore="True"會導航到index.html頁面,並不會把index.html的內容加載到dom中

使用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上可以,不知道是我測試的問題還是因爲我用的是模擬器。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章