2014-12-05 61 views
0

我的名字是Borja,我剛開始使用PhoneGap編程,我的第一個問題與不存在的.js文件的執行有關。這是我的index.html代碼:無法在我的Phonegap應用程序中使用onclick事件

<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, user-scalable=no"> 
    <link href="css/jquery.mobile-1.4.3.min.css" rel="stylesheet" type="text/css" /> 
    <link rel="stylesheet" href="css/font-awesome.min.css" /> 
    <link rel="stylesheet" href="css/jquerymobile.nativedroid.css" /> 
    <link rel="stylesheet" href="css/jquerymobile.nativedroid.light.css" id='jQMnDTheme' /> 
    <link rel="stylesheet" href="css/jquerymobile.nativedroid.color.green.css" id='jQMnDColor' /> 
    <link rel="stylesheet" href="css/custom.css" /> 
    <script src="js/jquery-1.9.1.min.js"></script> 
    <script type="text/javascript" charset="utf-8" src="js/index.js"></script>  

</head> 
<body> 

<div data-role="page" data-theme='b'> 


    <div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme='b'> 
     <a href="index.html" data-ajax="false"><i class='fa fa-bars'></i></a> 
     <h1>Ejemplos de Funciones Nativas</h1> 
    </div> 

    <div data-role="content"> 

    <div class='inset'> 

    <ul data-role="listview" data-inset="false" data-icon="false" data-divider-theme="b"> 
     <li data-role="list-divider">Funciones Nativas <span class="ui-li-count">2</span></li> 
     <li><a href="#Camara"> 
      <img src="http://www.alfa-klebstoffe.com/fileadmin/icons/059270-3d-glossy-blue-orb-icon-people-things-camera.png"> 
      <h2>Camara</h2> 
      <p>Prueba de Ejecucion de Camara en dispositivo movil</p> 
      <p class="ui-li-aside"><strong>Hacer foto , Guardar Foto</strong></p> 
     </a></li> 

     <li><a href="#GPS"> 
      <img src="https://cdn3.iconfinder.com/data/icons/sphericalcons/128/satellite.png"> 
      <h2>GPS de android</h2> 
      <p>Prueba de Ejecucion del GPS del movil</p> 
      <p class="ui-li-aside"><strong>Probar GPS</strong></p> 
      </a></li> 

     <li><a href="#GoogleMaps"> 
      <img src="https://cdn2.iconfinder.com/data/icons/google-ios-7-app-icons/120/google_maps.png">  
      <h2>Google Maps</h2> 
      <p>Pruebas sobre la app de Google Maps de android</p> 
      <p class="ui-li-aside"><strong>Geolocalizacion</strong></p> 
     </a></li> 

     <li><a href="#Conexion"> 
      <img src="http://static.iconsplace.com/icons/preview/purple/wifi-256.png"> 
      <h2>Internet</h2> 
      <p>Comprobacion conexion Internet del movil</p> 
      <p class="ui-li-aside"><strong>WIFI,3G</strong></p> 
      </a></li> 


    </ul> 


    </div> 


    </div> 

</div> 


<div id="Camara" data-role="page" data-theme='b'> 

    <div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme='b'> 
     <a href="index.html" data-ajax="false"><i class='fa fa-bars'></i></a> 
     <h1>Distintos Usos de camara</h1> 
    </div> 

    <div data-role="content"> 

    <div class='inset'> 

     <!-- <a data-role="button" href="" onclick="capturePhoto();">Capturar Foto</a><br> 
     <a data-role="button" href="" onclick=" capturePhotoEdit();"> Capturar Foto Editable</a><br> 
     <a data-role="button" href="" onclick="getPhoto(pictureSource.PHOTOLIBRARY);">From Photo Library</a><br> 
     <a data-role="button" href="" onclick="getPhoto(pictureSource.SAVEDPHOTOLIBRARY);">From PhotoAlbum</a><br> 
     <img id="smallImage" style="display:none;width:60px;height:60px;" src="" /> --> 

    <form> 
    <button data-role="button" onclick="prueba();return false;" ><i class='lIcon fa fa-refresh'></i>Refrescar Personal</button> 
    </form>   
</div> 


    </div> 
    </div> 
</div> 
    <script src="js/jquery.mobile-1.4.3.min.js"></script> 

</body> 

就像你所看到的,在卡馬拉數據角色頁(最後一個)我添加了一個onclick事件在按鈕中,用下面的代碼:

function prueba(){ 
    alert("Carlos limpiate los zapatos"); 

} 
- 

當我打開t他的應用程序和我按下按鈕,應用程序返回到家...所以我的應用程序無法讀取JavaScript函數,我不知道是什麼原因,所以我需要幫助。

非常感謝,

博爾哈

回答

0

你跟呼叫警報( 「卡洛斯limpiate洛杉磯zapatos」);直接在onclick事件 上運行,可能是js文件存在問題。

+0

是的,如果我寫了directyl onclick =「alert('hello')」它可以工作,但是我的js文件有什麼問題?在js文件中,我只寫了它在後期的函數...需要我寫更多的合成? – BorGarGim 2014-12-05 20:50:10

+0

它應該工作,你確定js文件名和路徑?! – Nobel 2014-12-05 21:07:04

相關問題