2014-11-30 1 views
-1

으로 전화 번호으로 앱을 만들고 있습니다. 이제 화면에 버튼이 있지만 아무 것도 클릭하지 않고 자바 스크립트 코드가 다른 페이지로 이동해야한다고 말합니다. 이것은 내 자바 스크립트 코드입니다, 아무도 나에게 잘못되었거나 어떻게 작동하게 할 수 있습니까?Phonegap에 클릭 할 수있는 버튼을 만드는 방법은 무엇입니까?

*function loadScript() { 
// Wait for device to be ready loading everything 
    //document.addEventListener('deviceready', onDeviceReady, false); 
onDeviceReady(); 
}; 
// When device is ready 
function onDeviceReady() { 
    document.getElementById('nav1').addEventListener('mousedown', nav1Down, false); 
    document.getElementById('nav1').addEventListener('mouseup', page1Show, false); 
    document.getElementById('nav2').addEventListener('mousedown', nav2Down, false); 
    document.getElementById('nav2').addEventListener('mouseup', page2Show, false); 
    document.getElementById('nav3').addEventListener('mousedown', nav3Down, false); 
    document.getElementById('nav3').addEventListener('mouseup', page3Show, false); 
}; 
// Add some GUI to the touch events 
function nav1Down() { 
    document.getElementById('nav1').className='down'; 
}; 
function nav2Down() { 
    document.getElementById('nav2').className='down'; 
}; 
function nav3Down() { 
    document.getElementById('nav3').className='down'; 
}; 
// Activate the tabs 
function page1Show() { 
    document.getElementById('page1').className='show'; 
    document.getElementById('page2').className='hide'; 
    document.getElementById('page3').className='hide'; 
    document.getElementById('nav1').className='up'; 
}; 
function page2Show() { 
    document.getElementById('page1').className='hide'; 
    document.getElementById('page2').className='show'; 
    document.getElementById('page3').className='hide'; 
    document.getElementById('nav2').className='up'; 
}; 
function page3Show() { 
    document.getElementById('page1').className='hide'; 
    document.getElementById('page2').className='hide'; 
    document.getElementById('page3').className='show'; 
    document.getElementById('nav3').className='up'; 
}; 
$(document).ready(function() { 
};* 
+0

장치 준비 이벤트가 시작되었는지 확인 했습니까? –

답변

0

다음은 장치 준비 이벤트가 발생하는 방법을 보여주는 코드입니다. device.js에서

<!DOCTYPE html> 
<html> 
    <head> 
    <title></title> 
    <!-- cordova script (this will be a 404 during development) --> 
    <script src="cordova.js"></script> 
    <!-- plugin bridge js --> 
    <script src="js/device.js"></script> 
    </head> 
    <body on-load="initDevice()"> 
    <button>Test button</button>   
    </body> 
</html> 

//call the function when page is loaded 
    function initDevice(){ 
     document.addEventListener('deviceready', onDeviceReady, false); 
    } 
    function onDeviceReady(){ 
     alert("Device is ready"); 
    //call the button function 
    test(); 
    } 
function test(){ 

    alert("another function call"); 
} 

참고 : 어떤 디바이스 API를로드하기 전에 장치 준비 이벤트가 발생되어 있는지 확인합니다.

관련 문제