2016-07-22 73 views
1

我有一个问题,后退按钮上的科尔多瓦事件没有执行任何警告(“”)。科尔多瓦的后扣不起作用

有趣的是,代码看起来很完美,我甚至没有忘记引入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

请在alert(“back”)中传递一些字符。 –

+0

警报未启动 – Lukas0025

回答

0

请警告框的推移,一些字符,并返回到假,

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

更多的帮助检查here

请检查你的插件,

您需要添加以下的插件在您的项目

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> 

谢谢你的帮忙。