?使用jqMobi開發app,panel之間的跳轉方式。根據當前頁面的不同展現方式,主要有四種跳轉方式。
** 1當前頁面是彈出的,關閉當前頁面2當前頁面不是彈出的,可以使用a標簽3使用?$.ui.goBack()4任意panel的跳轉**
**?1當前頁面是彈出的,關閉當前頁面**
? ? 例如登錄頁面因為使用了modal="true",因此是彈出的,再登陸成功后,只需要關閉彈出窗體就可以返回到以前的頁面。
??$.ui.hideMask();關閉遮罩層
? ?$.ui.hideModal();?關閉彈出窗體
具體可以參考
[使用jqMobi開發app基礎:登錄頁面的實現](http://blog.csdn.net/xuexiaodong009/article/details/18450135)
**2當前頁面不是彈出的,可以使用a標簽**
?例如取消按鈕,可以根據需要跳轉到制定的panel。??
~~~
<a href="#jiekuanshenpi" class="button" >取消</a>
~~~
**3 ?使用?$.ui.goBack()**
例如在修改了某一條信息成功后,跳轉到所有信息列表頁面。可以使用$.ui.goBack();其實可手動點擊
效果是一樣的。
4任意panel的跳轉
?可以使用**trigger,例如**
~~~
$("#jiekuanshenpi").trigger("click");
~~~
? 跳轉到Id為jiekuanshenpi的標簽
還可以使用$.ui.loadContent()
?實現和上邊相同的跳轉
~~~
$.ui.loadContent("#jiekuanshenpi", false, false, "pop");
~~~
[trigger參考](http://app-framework-software.intel.com/api2/#_trigger)
[ui_loadContent參考](http://app-framework-software.intel.com/api2/#$_ui_loadContent)
- 前言
- 使用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基礎:彈出內容的設計