0

我正在尝试在本地重新创建它：http: //jsfiddle.net/janpetras/wzBu8/ 当然，它不应该那么复杂，但我无法让它工作。

这是代码：

$(function(){
    var moneyEarned,yearlySalary,secondSalary;
    $("#startEarning").click(function(){
        moneyEarned = 0;
        var hourlySalary = $("#hourlySalary").val();
        if(hourlySalary.length > 0) {
            secondSalary = hourlySalary / 3600;
        } else {
            yearlySalary = $("#yearlySalary").val(); 
            secondSalary = yearlySalary / 7200000;
        }

        setInterval(updateMoneyEarned, 1000);
    });


    function updateMoneyEarned() {
        moneyEarned += secondSalary;
        $("#moneyEarned").html(accounting.formatMoney(moneyEarned));
    }
});

我想将 Javascript 代码放入单独的“script.js”文件中。我制作了该文件，并在 HTML 中正确链接到它，我包含了 jQuery 和 accounting.js 以及所有内容，但它不工作，不更新。

我尝试将代码直接放入 HTML 中，如果我这样做，它就可以工作，所以很明显问题出在我制作 script.js 的方式上。我刚刚复制/粘贴了该代码，还有更多内容吗？我究竟做错了什么？

4

2 回答 2

2

请记住，您必须按顺序做事。如果之前没有包含 jQuery，则不能包含此文件。

<html>
    <head>
        <title>...</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script type="text/javascript" src="path/to/your/script.js"></script>
    </head>
    <body>
        <!-- your content -->
    </body>
</html>

获得正确的顺序后，您将能够执行脚本。如果您的$(function(){ ... });电话不起作用，请尝试以这种方式使用它：

$(document).ready(function() {
    // Your code here
});

看看它是否有效。

于 2013-06-05T17:33:04.933 回答
2

在您的 jsfiddle 中，我可以看到您在 css 部分中包含了 accounting.js：

<script src="//cdn.jsdelivr.net/accounting.js/0.3.2/accounting.min.js"></script>

我将其移至 html 部分并开始工作。

http://jsfiddle.net/GvAzM/1/

于 2013-06-05T17:55:00.083 回答