jquery js 和 jquery 移动 js 不工作
jquery js and jquery mobile js not working
我正在将 phonegap 与 atom 编辑器一起使用,但我的 jquery 和 jquery 移动设备无法正常工作。所有 .js 文件都在名为 js 的文件夹中,根目录正确 link。我已经尝试了在线 code.jquery.com 版本,但它仍然不起作用。这些是我试过的 2 个版本:
版本 1
`<link rel="styleheet" type="text/css" href="css/jquery.mobile-
1.4.5.min.css">
<link rel="styleheet" type="text/css" href="css/jquery.mobile-1.4.5.css">
<link rel="stylesheet" type="text/css" href="css/index.css" />
<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" src="js/jquery.mobile-1.4.5.min.js">
</script>
<script type="text/javascript" src="js/jquery.mobile-1.4.5.js"></script>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
`
版本 2
<link rel="stylesheet"
href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-
1.4.5.min.js"></script>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">app.initialize();</script>
我使用此代码来测试我的 jquery 是否正常工作
`<script>
window.onload = function(){
if (window.jquery){
alert("YES");
}else {
alert("ERROR");
}
}
</script>
`
而且每次都出现错误。我编程但从未出现 YES ERROR:
浏览器控制台错误是什么样的?通过右键单击页面>检查元素>控制台
到达那里
为了测试 Jquery 是否像这样加载使用:
<script>
window.onload = function(){
if (jQuery) {
alert("jquery is loaded");
} else {
alert("Not loaded");
}
}
</script>
jQuery 和 jQuery 移动版无法在您的项目中运行,因为 jQuery 移动版的 1.4.5 版不支持 jQuery 版 3.x .
尝试在您的应用程序中使用 jQuery 版本 2.x,看看是否可以解决问题。要快速测试这一点,您可以使用 Google 的托管 jQuery 来确保在下载所有文件之前:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
jQuery移动版1.5.0于今年5月发布,实际支持jQuery3.x。切换到 jQuery 移动版的新版本也可能是一个修复,但请记住 1.5.0 是 Alpha 版本。您可以阅读更多有关 jQuery 移动 here
最新版本的信息
我正在将 phonegap 与 atom 编辑器一起使用,但我的 jquery 和 jquery 移动设备无法正常工作。所有 .js 文件都在名为 js 的文件夹中,根目录正确 link。我已经尝试了在线 code.jquery.com 版本,但它仍然不起作用。这些是我试过的 2 个版本:
版本 1
`<link rel="styleheet" type="text/css" href="css/jquery.mobile-
1.4.5.min.css">
<link rel="styleheet" type="text/css" href="css/jquery.mobile-1.4.5.css">
<link rel="stylesheet" type="text/css" href="css/index.css" />
<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" src="js/jquery.mobile-1.4.5.min.js">
</script>
<script type="text/javascript" src="js/jquery.mobile-1.4.5.js"></script>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
`
版本 2
<link rel="stylesheet"
href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-
1.4.5.min.js"></script>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">app.initialize();</script>
我使用此代码来测试我的 jquery 是否正常工作
`<script>
window.onload = function(){
if (window.jquery){
alert("YES");
}else {
alert("ERROR");
}
}
</script>
`
而且每次都出现错误。我编程但从未出现 YES ERROR:
浏览器控制台错误是什么样的?通过右键单击页面>检查元素>控制台
到达那里为了测试 Jquery 是否像这样加载使用:
<script>
window.onload = function(){
if (jQuery) {
alert("jquery is loaded");
} else {
alert("Not loaded");
}
}
</script>
jQuery 和 jQuery 移动版无法在您的项目中运行,因为 jQuery 移动版的 1.4.5 版不支持 jQuery 版 3.x .
尝试在您的应用程序中使用 jQuery 版本 2.x,看看是否可以解决问题。要快速测试这一点,您可以使用 Google 的托管 jQuery 来确保在下载所有文件之前:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
jQuery移动版1.5.0于今年5月发布,实际支持jQuery3.x。切换到 jQuery 移动版的新版本也可能是一个修复,但请记住 1.5.0 是 Alpha 版本。您可以阅读更多有关 jQuery 移动 here
最新版本的信息