Phonegap无法检测index.js

时间:2014-04-15 12:40:56

标签: javascript android jquery cordova

我问你,因为我被困在一些我无法找到的蠢事......

我几天前开始使用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);
    });
}

我正在自学,所以我可能误解了一些事情,但是请你帮忙启发我吗? 非常感谢你的时间。

4 个答案:

答案 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>