Динамический цвет статусной панели телефона?

Question

Я хочу изменить цвет строки состояния в приложении Iphone Phonegap, но только на определенных страницах. В этом коде я пытаюсь динамически изменять цвет StatusBar на основе существования элемента DOM, который называется .character-gallery.

Это не работает, я не знаю почему - это может быть несколько вещей, возможно, вызов нельзя применять динамически. Я новичок в 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 событий в DOMReady JQuery в.

Answer 2

Исправлен неточный вызов lightContent().

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