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

あなたの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 に答える
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 に答える