—
安裝 plugin
|
1 |
cordova plugin add cordova-plugin-dialogs |
HTML
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<script> var page = 1; // 從第一頁開始 </script> <div class="container"> <div class="page" id="page1"> <div id="UUID"></div> <hr> <button type="button" onclick="changePage(2)">page2</button> </div> <div class="page" id="page2" style="display: none;"> <button type="button" onclick="changePage(page-1)">返回</button> <hr> <h2>Page2</h2> </div> </div> <!-- 原生支援功能必須載入 cordova.js --> <script src="cordova.js"></script> |
JavaScript
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { $(document).on('backbutton', function () { // 如果不是在第一頁就切換頁面 if ( page >1 ){ changePage(page -1); } // 第一頁就顯示離開提示以及動作 else { navigator.notification.confirm( 'Are you sure you want to quit?', function (buttonIndex) { if (buttonIndex === 1) { navigator.app.exitApp(); } }, '離開！？', ['是', '否'] ); } }); } // 切換頁面 function changePage(p){ page = p; $('.page').hide(); $('#page'+p).show(); } |
—
681 total views
