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

我想重新創建本地：http://jsfiddle.net/janpetras/wzBu8/ 當然，它不應該那麼複雜，但我不能讓它工作。把一些Javascript放在單獨的文件中？

這是代碼：

$(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的方式。我只是複製/粘貼了這段代碼，還有更多嗎？我究竟做錯了什麼？

來源

2013-06-05 user19882

你的控制檯說什麼？ – techfoobar

確保你的js文件低於jquery的聲明include – karthikr

顯示你的html與包含的內容 – epascarello

請記住，你必須按順序做事。如果您之前沒有包含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-05 17:33:04

這就是我的HTML外觀http://pastebin.com/2ymX1Vzt – user19882

在你的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-05 17:55:00 Edward

jsfiddle的工作原理。我也將它移動到HTML文件，但我不認爲這是問題，問題是，JavaScript將無法正常工作，即使我鏈接到script.js單獨的文件。 – user19882

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

回答

相關問題