按钮onclick事件在iOS中不起作用，除非你离开应用程序再回来，然后它才能起作用
按钮onclick事件在iOS中不起作用，除非你离开应用程序再回来，然后它才能起作用
提问于 2018-07-20 01:02:41
使用新信息更改问题
在此之前，我提出了以下问题。但更多细节显示，如果您要切换到另一个应用程序，请取消选择该应用程序(可能不是正确的术语)，然后选择该应用程序，该按钮可以工作。如果您关闭应用程序并重新启动，它将无法再次工作。非常奇怪。我将完整的页面代码张贴在这一段下面，下面的所有内容都是旧问题和-行下的部分代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" /> <meta name="msapplication-tap-highlight" content="no" /><meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
<meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *" />
<!--<link rel="stylesheet" type="text/css" href="css/fontawesome-all.css" />-->
<script defer src="js/fontawesome-all.js"></script>
<script src="framwork7/framwork7.js"></script>
<script type="text/javascript" src="cordova.js"></script><script src="js/jquery-3.3.1.js"></script>
<script src="js/bootstrap.js" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/poppe.min.js"></script>
<script type="text/javascript" src="js/news-feed.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script>
var xmlhttp;
var url;
/* window.onload = function()
{
document.addEventListener("deviceready", init);
}
*/
document.addEventListener("deviceready", init, false)
function init(){
document.getElementById('Submit').addEventListener('click', getData);
}
function getData(){
url = "http://www.example.org/myapp.php";
url += "?cemetery=" + document.getElementById('cemetery').value;
url += "&lastname=" + document.getElementById('lastname').value;
url += "&firstname=" + document.getElementById('firstname').value;
$.ajax({
type: 'get',
url: url,
success: function(data){
document.getElementById('laloinfo').innerHTML = "";
document.getElementById('laloinfo').innerHTML = "<strong>Scroll down for results</strong>";
/* document.getElementById('lalo2').innerHTML = data; */
$("#lalo2").html(data);
}
});
}
</script>
<title>Catholic Cemeteries Mobile App</title>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-primary mb-3">
<div class="container">
<a class="navbar-brand" href="#">Catholic Cemeteries</a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#navbarNav"><span class="navbar-toggler-icon"> ↓ </span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html"><i class="fas fa-home"></i> Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="lalo.html"><i class="fas fa-heart"></i> Locate a Loved One</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" onclick="window.open('http://www.example.org','_system');"><i class="fas fa-cloud"></i> Website</a>
</li>
<li class="nav-item">
<a class="nav-link" href="locations.html"><i class="fas fa-phone"></i> Locations & Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" onclick="window.open('https://facebook.com/myfacebook','_system');"><i class="fab fa-facebook"></i> Facebook</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="modal" data-target="#aboutModal" href="#aboutModal"><i class="fas fa-question"></i> About Version</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container text-center">
<h1>myname</h1>
<p class="lead">Welcome to the my name Mobile App</p>
<div class="row">
<!-- LALO -->
<div class="card bg-light" id="lalo">
<div class="card-header"><h3><i class="far fa-heart"></i> Locate a Loved One</h3></div>
<div class="card-body">
<div class="text-justify">Catholic Cemeteries is proud to announce our new <strong>Locate a Loved One</strong> search engine. Enter your loved one's name to get location information such as crypts / niches, section, row, and grave number.</div>
<br>
<div class="text-justify"><strong>You must choose a cemetery and at least a partial last name to search the database.</strong></div>
<br>
<div class="text-justify bg-info"><i>Please Note: Please allow approximately one week for current activity to appear in this search engine. If you can not find your loved one, please call the appropriate cemetery for assistance.</i></div>
<br>
<div class="form-group text-left">
<label for="cemetery">Cemetery: Required</label>
<select id="cemetery" class="form-control-sm">
<option value="1">J Cemetery, Middle Village</option>
<option value="3">C Cemetery, Farmingdale</option>
<option value="4">M Cemetery, Flushing</option>
<option value="2">H Cemetery, Brooklyn</option>
</select>
</div>
<div class="form-group text-left">
<label for="lastname">Last Name: Required - Parital OK</label>
<input type="text" maxlength="50" id="lastname" class="form-control form-control-sm" placeholder="Enter Last name">
</div>
<div class="form-group text-left">
<label for="firstname">First Name: </label>
<input type="text" maxlength="30" id="firstname" class="form-control form-control-sm" placeholder="Enter First name">
</div>
<input type="hidden" name="timecounter" value="Submit">
<br><button class="btn btn-primary" name="Submit" value="Search" id="Submit">~SEARCH~</button><br/>
</div>
</div>
<!-- LALO -->
</div>
</div>
<!-- MODAL -->
<div class="modal" id="aboutModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">My Name Mobile App</h5>
<button class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
Mobile App version 2.0.9<br/>
<br/>
If you are having an issue with this app, please contact me and give them the version number above.
</div>
<hr/>
<div class="modal-footer">
<button class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<footer><p class="text-center">copyright © 2018, me</p></footer>
</body>
</html>我已经尝试了10个解决方案，但都没有奏效。我有一个表单，它不能直接提交，因为它接收返回的数据，然后放到div中。这段代码适用于安卓，但不适用于iOS。(这是一个使用framework7和bootstrap的HTML5应用程序，然后使用phonegap构建)。它是一个搜索表单，提交到服务器的php页面，然后将结果返回并放入div中。当您单击该按钮时，iOS不执行任何操作。
以下是按钮代码：
<button class="btn btn-primary" name="Submit" value="Search" id="Submit">~SEARCH~</button>以下是处理程序代码：
<script>
var xmlhttp;
var url;
window.onload = function()
{
document.addEventListener("deviceready", init, false);
}
function init()
{
document.getElementById('Submit').addEventListener('click', getData, false );
}
function getData(){
url = "http://www.mywebsite.org/myapp.php";
url += "?cemetery=" + document.getElementById('cemetery').value;
url += "&lastname=" + document.getElementById('lastname').value;
url += "&firstname=" + document.getElementById('firstname').value;
$.ajax({
type: 'get',
url: url,
success: function(data){
document.getElementById('laloinfo').innerHTML = "";
document.getElementById('laloinfo').innerHTML = "<strong>Scroll down for results</strong>";
/* document.getElementById('lalo2').innerHTML = data; */
$("#lalo2").html(data);
}
});
}
提前感谢您的帮助。这快把我逼疯了，已经折磨了我一周了。
约翰
回答 1
Stack Overflow用户
发布于 2018-07-20 01:11:34
var xmlhttp;
var url;
$(document).ready(function(){
$('#Submit').on('click', getData);
});
function getData(){
url = "http://www.mywebsite.org/myapp.php";
url += "?cemetery=" + $('#cemetery').val();
url += "&lastname=" + $('#lastname').val();
url += "&firstname=" + $('#firstname').val();
$.ajax({
type: 'get',
url: url,
success: function(data){
$('#laloinfo').html= "";
$('#laloinfo').html= "<strong>Scroll down for results</strong>";
/* $('#lalo2').html= data; */
$("#lalo2").html(data);
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51428278
复制相关文章
相似问题