アプリのデザイナーのソフトウェアバックボタンを追加するintel xdk on the top

Question

XDKのindex.htmlに2ページあります。私は一方から他方に移動します。私はテンプレートのように戻るボタンを追加したいが、それは不可能である。

これは私のhtmlです：

<div class="upage vertical-col left" id="mainpage"> 
     <div id="SubPage" class="upage-content vertical-col left "> 
      <div class="tarea widget uib_w_1 d-margins" data-uib="media/text" data-ver="0" name="uib_w_1"> 
       <div class="widget-container left-receptacle"></div> 
       <div class="widget-container right-receptacle"></div> 
       <div class="text-container"> 
        <p>This is the main page</p> 
       </div> 
      </div> 
      <button class="btn widget uib_w_2 d-margins btn-default" data-uib="twitter%20bootstrap/button" data-ver="1" id="buttonSubPage">Go to sub page</button> 
     </div> 
     <div id="SubPage2" class="upage-content vertical-col left hidden"><span class="widget uib_w_3 d-margins badge" data-uib="twitter%20bootstrap/badge_and_label" data-ver="1">This is subfile 2</span> 
     </div> 
    </div> 

は、私が "SubPage2" に戻るボタンを追加したいです。どうすればこれを達成できますか？私は、アプリケーションデザイナーで空のテンプレートを使って作業しています。

Answer 1

あなたのヘッダーは、アプリケーションの設計者に追加した後、新しく作成されたヘッダ

<のdivクラスに次のコードのためのコードビューの外観に切り替え、

$(document).ready(function(){ 
    $("#buttonSubPage").click(function(){ 
    $(".text-container").hide(); 
    $("#SubPage2").show(); 
    }); 
}); 

See Fiddle

Answer 2

このコードを追加します。 = "ウィジェットコンテナコンテンツ領域の水平領域のラップを左にする"> </div>

> < /ボタン戻る>ボタンのコードを追加し、

<ボタンデータUIB = "Twitterの％の20bootstrap /ボタン" データREL = "バック" データ-VER = "1" idは= "バック"

data-relは余分なjavascriptを必要とせずにバックアクションを制御します。