【发布时间】：2018-05-23 13:18:58
【问题描述】：
我不确定如何让任何 jQuery 移动事件（如点击或 touchstart）在我的移动设备上工作。当我在桌面上运行它时，一切正常。使用 PhoneGap 构建 apk。
根据 jQuery 移动文档，代码应该可以在移动设备上运行。也尝试在移动设备上调试它，似乎 jquery 甚至没有加载...
* {
margin: 0;
padding: 0
}
body {
background-color: red;
}
h1 {
position: absolute;
right: 30px;
padding: 30px;
color: white;
text-shadow: none;
}
#hello {
z-index: 3;
background-color: #222222;
}
#hello > div {
height: 200px;
width: 200px;
background-color: green;
}
.ui-page { background:transparent; }
.ui-input-text {
border: none;
}
<!-- begin snippet: js hide: false console: true babel: false --><!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/index.css" />
<link rel="stylesheet" type="text/css" href="jquery-mobile/jquery.mobile-1.4.5.min.css" />
<script type="text/javascript" src="jquery-mobile/jquery-3.2.1.min.js">
<script type="text/javascript" src="jquery-mobile/jquery.mobile-1.4.5.min.js"></script>
</script>
<title>Hello World</title>
</head>
<body>
<div class="app" data-role='page'>
<h1>PhoneGap</h1>
<div id="deviceready" class="blink">
<p class="event listening">Connecting to Device</p>
<p class="event received">Device is Ready</p>
</div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
</script>
<script type="text/javascript">
$(document).ready(function() {
$('h1').bind("tap", function() {
$(this).css({color: 'red'});
});
});
/* works
$(document).ready(function() {
$('h1').on("click", function() {
$(this).css({color: 'red'});
});
});
</script>
</body>
</html>【问题讨论】：
-
两次包含库..
-
@pedram 即使删除 jquery 也不起作用
-
不，这只是一个通知。
标签： jquery cordova jquery-mobile