星期六, 6月 30, 2012

PhoneGap 教學 - 使用按鈕切換頁面 (Android)

Photobucket

今天要來說明一下,如何使用按鈕來切換頁面。




宣告按鈕且加入點擊按鈕後連結到另一個頁面方式:

Link button

其實就是宣告一個anchor link,


在href 填入你想要連結去的地方,如:yahoo奇摩


然後將腳色設為按鈕(data-role="button")。


這樣即大功告成。一行程式碼即可搞定,解決頁面切換問題。

Photobucket



在本範例中 ,KT 簡單設計了三個畫面,


分別是主畫面「index.html」,次畫面 「jQuery_tutorial.html 」和 「Kinect_tutorial.html」。



Photobucket


在主畫面置入兩個按鈕,一個連結到jQuery_tutorial.html 」,


另一個連結到和 「Kinect_tutorial.html」。






範例程式碼下載:







相關文章:
jQuery 教學目錄

3 則留言 :

  1. 謝謝你的分享!

    圖文並茂 很清楚 !!!

    回覆刪除
  2. 請問裡面的圖片要去哪裡換成我自己的圖片?? 我已經丟到IMG裡面了

    回覆刪除

回覆意見時,麻煩輸入一下暱稱
(隨便取個名字也好~ ^_^)
好讓我方便回覆您的問題,
選擇「名稱/網址」輸入您的暱稱,
麻煩一下,謝謝大家。

關閉廣告 [X]