我问你,因为我被困在一些我无法找到的蠢事......
我几天前开始使用phonegap而且我的进展非常顺利但今天早上,我的index.html不再关心我的js / index.js了!
我有一个应该发出警报的按钮但是当我点击按钮时,根本没有任何事情发生。
我知道我一定有错误的但是你可以看一下吗?
我试图删除尽可能多的无用信息。 这是我的HTML代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script src="jquery-1.7.2.js"></script>
<script src="jquery.mobile-1.1.0.js"></script>
<script src="jquery.url.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="phonegap.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" />
<link rel="stylesheet" href="themes/AndroidHoloDarkLight.min.css" />
</head>
<body>
<div data-role="page" data-theme="a">
<div data-role="header" data-position="inline">
<h1>My Test App</h1>
</div>
<input type="button" name="goBack" id="goBack" onclick="goBack" value="Go Back to the previous View">
</div>
</body>
</html>
这是.js:
function goBack()
{
alert("test ...");
}
/*$("#bodyPage").ready(function(){
$.mobile.allowCrossDomainPages = true;
$("#page").bind("pageshow", function(event){
var url = $.url(document.location);
var arg1 = url.param("arg1");
$("#testP").text(arg1);
});
}
我正在自学,所以我可能误解了一些事情,但是请你帮忙启发我吗? 非常感谢你的时间。
答案 0 :(得分:1)
即使你在帮助我改善javascript方面做得非常有用,但问题还是很麻烦......
在.js文件中,我用/ *注释了代码,但是我没有使用* /因为我认为这并不重要,因为我评论到最后。但我错了,我最终找到了感谢大家的帮助。
度过愉快的一天,谢谢
答案 1 :(得分:0)
尝试更改:
<input type="button" name="goBack" id="goBack" onclick="goBack" value="Go Back to the previous View">
在:
<input type="button" name="goBack" id="goBack" onclick="goBack()" value="Go Back to the previous View">
更新:文件结构有问题。
建议:不要在移动应用程序中使用jQuery Mobile。请尝试更轻量级的框架。
答案 2 :(得分:0)
尝试onclick="javascript:goBack();"
答案 3 :(得分:0)
你已经两次包含jquery:
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="jquery-1.7.2.js"></script>