javascript - 将一些 Javascript 放在单独的文件中?

标签 javascript jquery html

我正在尝试在本地重新创建它: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 的方式上。我刚刚复制/粘贴了该代码,还有更多内容吗?我做错了什么?

最佳答案

记住,你必须按顺序做事。如果您之前未包含 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
});

看看它是否有效。

关于javascript - 将一些 Javascript 放在单独的文件中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16946108/

相关文章:

javascript - 使用JQuery修改外部JS文件

javascript - 查找字符串中的值并将其及其后面的所有内容删除

javascript - 使用 JS/jQuery PIE 移动的元素未更新

jquery - 如何在具有悬停效果时使两行中的 12 个 block 响应

html - HTML 文件中的相对路径

JavaScript 在 ie11 中未按预期运行,但在所有其他浏览器中运行良好

javascript - 来自 Java 程序的 ChartJS 折线图或条形图

javascript - 重新保护 JSON 响应的访问值

javascript - 使用 ajax 在浏览器中内嵌显示 PDF

javascript - 单击时使用 Jquery 显示搜索输入框,但不提交