jQuery参数处理程序插件
我正在使用插件jquery.mobile.paramsHandler从Phonegap应用程序的一个页面获取参数,但是当我将插件的jquery代码添加到html页面时,我在页面的javascript部分定义的所有其他函数都不起作用,但是当我删除插件用法时,这些函数工作得非常好,请帮助。下面是我的代码示例jQuery参数处理程序插件,jquery,cordova,Jquery,Cordova,我正在使用插件jquery.mobile.paramsHandler从Phonegap应用程序的一个页面获取参数,但是当我将插件的jquery代码添加到html页面时,我在页面的javascript部分定义的所有其他函数都不起作用,但是当我删除插件用法时,这些函数工作得非常好,请帮助。下面是我的代码示例 <script type="text/javascript"> function onLoad() { document.addEventListener
<script type="text/javascript">
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// Cordova is loaded and it is now safe to make calls Cordova methods
//
function onDeviceReady() {
// Now safe to use the Cordova API
checkInternerAccess();
checkLocationService();
getPosition();
}
// alternative to DOMContentLoaded
document.onreadystatechange = function () {
if (document.readyState === "complete") {
getPerviousAddress();
}
};
//Using param handler jQuery to get parameters of the URL
function getPreviousAddress(){
$(function () {
$.mobile.paramsHandler.addPage(
"images-upload", // jquery mobile page id which will accept parameters
["param1"], // required parameters for that page
[], // optional parameters for that page,
function (urlVars) {
var selectedOrgan = document.getElementById('selectedOrganization');
selectedOrgan.value = urlVars.param1;
}
);
$.mobile.paramsHandler.init();
});
}
//These functions do not work
function myFunction() {
document.getElementById("demo").innerHTML = "YOU CLICKED ME!";
}
function takePhoto() {
navigator.camera.getPicture(onCameraSuccess, onCameraError);
}
function onCameraSuccess(imageURL) {
navigator.notification.alert("onCameraSuccess: " + imageURL);
}
</script>
<script src="js/jquery.mobile-1.4.5.min.js" type="text/javascript"></script>
</head>
<body onload="onBodyLoad()">
<div data-role="page" id="camera_report">
<div data-role="content">
<div data-role="controlgroup">
<p style="font-size:12px; font-weight:bold; padding-bottom:20px">Please Select One Option</p>
<a href="#images-upload?param1=Tanesco" data-role="button">
<img style="float:left" src="imgs/1. TANESCO.jpg" />TANESCO
</a>
<a href="#images-upload?param1=Dawasco" data-role="button">
<img style="float:left" src="imgs/2. DAWASCO.jpg" />DAWASCO
</a>
</div>
</div>
</div>
<div data-role="page" id="images-upload">
<div class="home-content" data-role="content">
<div data-role="controlgroup">
<div class="images-display">
<form role="form">
<div style="">
<div class="form-group">
<input type="text" class="form-control" id="damage" placeholder="Maelezo Kuhusu Uharibifu" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Andika Maelezo Mafupi'">
<input type="text" id="longitude" value="" name="current-longitude">
<input type="text" id="latitude" value="" name="current-latitude">
<input type="text" id="selectedOrganization" name="param1display">
</div>
</div>
</form>
</div>
</div>
</div>
<div>
</body>
函数onLoad(){
文件。添加的监听器(“deviceready”,OnDeviceraddy,false);
}
//Cordova已加载,现在可以安全地调用Cordova方法
//
函数ondevicerady(){
//现在可以安全地使用Cordova API了
checkInternerAccess();
checkLocationService();
getPosition();
}
//DOMContentLoaded的替代方案
document.onreadystatechange=函数(){
如果(document.readyState==“完成”){
getPerviousAddress();
}
};
//使用param处理程序jQuery获取URL的参数
函数getPreviousAddress(){
$(函数(){
$.mobile.paramsHandler.addPage(
“images upload”,//jquery移动页面id,将接受参数
[“param1”],//该页所需的参数
[],//该页的可选参数,
函数(urlVars){
var selectedOrgan=document.getElementById('selectedOrganization');
selectedOrgan.value=urlVars.param1;
}
);
$.mobile.paramsHandler.init();
});
}
//这些功能不起作用
函数myFunction(){
document.getElementById(“demo”).innerHTML=“你点击了我!”;
}
函数takePhoto(){
navigator.camera.getPicture(onCameraSuccess,onCameraError);
}
函数onCameraSuccess(imageURL){
navigator.notification.alert(“onCameraSuccess:+imageURL”);
}
请选择一个选项
欢迎使用SO,请尝试将您的代码精简到问题所在。从理论上讲,问题是,如果我像在那里那样定义方法“getPreviousAddress()”,那么其余的函数,即“myFunction()、takePhoto()”和我编写的任何其他函数都不起作用,如果我删除它,它们就会起作用。我预见到了赛车条件的存在。