在單獨的文件中放一些Javascript？

Question

我正在嘗試在本地重新創建它： 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的方式上。 我只是復制/粘貼了該代碼，還有更多內容嗎？ 我究竟做錯了什么？

Answer 1

請記住，您必須按順序做事。 如果您之前未包含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
});

看看是否可行。

Answer 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/

在單獨的文件中放一些Javascript？

問題描述

2 個解決方案

解決方案1
2 2013-06-05 17:33:04

解決方案2
2 2013-06-05 17:55:00

在單獨的文件中放一些Javascript？

問題描述

2 個解決方案

解決方案1 2 2013-06-05 17:33:04

解決方案2 2 2013-06-05 17:55:00

解決方案1
2 2013-06-05 17:33:04

解決方案2
2 2013-06-05 17:55:00