Question

我想更改Phonegap iOS应用中的状态栏颜色，但仅限于某些页面。在此代码中，我尝试根据名为.character-gallery的DOM元素的存在动态更改StatusBar颜色。

它不起作用，我不知道为什么 - 它可能是许多事情，可能无法动态应用调用。我是Phonegap的新手。仍在弄清楚如何记录事物（例如，一旦我的应用程序在模拟器上运行，我不知道如何从console.log获取值。）

$(document).ready( function() {
  // Add event listener for Cordova events
  document.addEventListener("deviceready", onDeviceReady, false);
});

/* Cordova 
   ========================================================================== */

// Now safe to use device APIs
function onDeviceReady() {
    console.log(StatusBar);

    if(window.StatusBar) {
      if ($('.character-gallery').length) {
        StatusBar.styleDefault();
      } else {
        StatusBar.lightContent();
      }
    }

}

Answer 1

我找到了解决方案，你不应该把deviceReady事件监听器放在jQuery的DOMReady中。

Answer 2

修正了一个不准确的＆＃34; lightContent（）＆＃34;调用

    if(window.StatusBar) {
      if ($('.character-gallery').length) {
        StatusBar.styleDefault();
      } else {
        StatusBar.styleLightContent();
      }
    }

动态Phonegap状态栏颜色？

2 个答案: