2016-07-22 4 views
1

[戻る]ボタンのCordovaイベントが警告( "")を実行するための何も処理を行わないという問題があります。Cordovaのバックボードが動作しない

コードが完全にうまくいっているように見えるのは面白いですし、cordova.jsを紹介するのを忘れていなくても、プラグインを洗う必要があるということだけが私には分かります。

私のコードは次のようになります。

<head> 
    <meta charset="utf-8" /> 
    <meta name="format-detection" content="telephone=no" /> 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" /> 
    <link rel="stylesheet" href="css/phonon.css" /> 
    <style> 
     .uvitani { 
      font-size: 250%; 
      margin: 0; 
      color: white; 
      position: absolute; 
      top: 40%; 
      left: 50%; 
      margin-right: -50%; 
      transform: translate(-50%, -50%) 
     } 

     .tlacitko { 
      margin: 0; 
      color: #0084e7; 
      background-color: white; 
      position: absolute; 
      bottom: 0; 
      left: 50%; 
      margin-right: -50%; 
      transform: translate(-50%, -50%) 
     } 
    </style> 
</head> 
<script type="text/javascript" charset="utf-8"> 
    function barva() { 
     alert(cordova.platformId); 
     if (cordova.platformId == 'android') { 
      StatusBar.backgroundColorByHexString("#0065b3"); 
     } 
     document.addEventListener("backbutton", onBackKeyDown, false); 

     function onBackKeyDown() { 
      alert("Back"); 
     } 
    } 
</script> 

<body style="background-color: #0084e7;" onload="barva();"> 
    <center> 
     <p class="uvitani">Vítejte v aplikaci ISAS</p> 
     <button class="btn tlacitko" onclick='document.location="styl.html";'>Pokračovat</button> 
    </center> 
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script> 
    <script src="js/phonon-core.js"></script> 
    <script src="js/components/forms.js"></script> 
    <script src="js/components/preloaders.js"></script> 
    <script src="js/components/dialogs.js"></script> 
</body> 

</html> 
+0

あなたの質問にエラーを追加してください – Zoe

+0

アラート( "戻る")のようにアラートでいくつかの文字を渡してください。 –

+0

アラートが起動しない – Lukas0025

答えて

0

警告ボックスで一部の文字を渡され、falseに戻る、hereへのより多くの助けチェックのため

 function barva() { 
      alert(cordova.platformId); 
      document.addEventListener("deviceready", onDeviceReady, false); 
     } 

     function onDeviceReady(){ 
     if (cordova.platformId == 'android') { 
       StatusBar.backgroundColorByHexString("#0065b3"); 
      } 
      document.addEventListener("backbutton", onBackKeyDown, false); 
     } 
     function onBackKeyDown(){ 
      alert('back'); 
      return false; 
     } 

してください。

あなたは、これはあなたを助けると期待している

プロジェクトで

cordova plugin add org.apache.cordova.statusbar 
を、以下のプラグインを追加する必要があり、

をあなたのプラグインをチェックしてください!

+0

いくつかの時間をチェックするソリューションのコードをコメントしてください –

0

ステータスバーの色(I/chromium(18807): [INFO:CONSOLE(37)] "Uncaught ReferenceError: StatusBar is not defined", source: file:///android_asset/www/login.html (37))を修正するだけで十分でした。

<script type="text/javascript" charset="utf-8"> 
    function barva() { 
     document.addEventListener("deviceready", onDeviceReady, false); 
    } 
    function onDeviceReady() { 
     if (cordova.platformId == 'android') { 
      StatusBar.backgroundColorByHexString("#0065b3"); 
     } 
     document.addEventListener("backbutton", onBackKeyDown, false); 
    } 
    function onBackKeyDown() { 
     alert("back"); 
     return false; 
    } 
</script> 

ありがとうございました。

関連する問題