앱 디자이너의 소프트웨어 백 버튼 추가 상단에있는 인텔 xdk

Question

XDK의 index.html에 2 페이지가 있습니다. 나는 하나에서 다른 것으로 이동한다. 템플릿과 마찬가지로 뒤로 버튼을 추가하고 싶지만 불가능합니다. 내가 뒤로 버튼을 "SubPage2"를 추가 할

<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> 

:

이 내 HTML입니다. 이것을 어떻게 할 수 있습니까? 앱 디자이너에서 빈 템플릿으로 작업하고 있습니다. 당신이 새로 생성 된 헤더

< DIV 클래스에 다음 코드에 대한 코드 뷰보기에, 응용 프로그램 디자이너에 스위치를 헤더를 추가 한 후

Answer 1

이 코드

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

See Fiddle

Answer 2

추가 = "위젯 컨테이너 내용 영역 수평선 영역 왼쪽 맞춤"> </div>

버튼 코드 = "뒤로"

< 버튼 데이터 UIB = "트위터 %의 20bootstrap/버튼"데이터 REL = "뒤로"데이터 버전 = "1"ID> 맨 </버튼> 추가

data-rel은 여분의 javascript가 필요없이 뒤로 작업을 제어합니다.