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函數,我不知道是什麼原因,所以我需要幫助。
非常感謝,
博爾哈
是的,如果我寫了directyl onclick =「alert('hello')」它可以工作,但是我的js文件有什麼問題?在js文件中,我只寫了它在後期的函數...需要我寫更多的合成? – BorGarGim 2014-12-05 20:50:10
它應該工作,你確定js文件名和路徑?! – Nobel 2014-12-05 21:07:04