Question

我有一个外部JavaScript无法在我的HTML文件中工作，我也不知道为什么Firebug会报告任何失败。如果我在我的HTML中运行JS，那就完美了。

action.js

$( document ).ready( function(){
    var ochk1 = $("input[type='checkbox'][id='oose']");
    var ochk2 = $("input[type='checkbox'][id='ov']");
    var ochk3 = $("input[type='checkbox'][id='op']");

    ochk1.on('change', function(){
        ochk2.prop('checked',this.checked);
        ochk3.prop('checked',this.checked);
    });
});

和我的HTML 的test.html

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Test</title>
    <style type="text/css">
        @import url("style.css");
    </style>
    <script language="javascript" type="text/javascript" src="./action.js"></script>
</head>    
<body>
    <div>
        <div class="box">
            <input type="checkbox" id="oose">
            OOSE
        </div>      
        <div class="bs">
            V
            <input type="checkbox" id="ov">
        </div>      
        <div class="bs2">
            P
            <input type="checkbox" id="op">
        </div>    
    </div>
</body>
</html>

Answer 1

您需要先加载jQuery。

<script src="your_jquery_file.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="./action.js"></script>

Answer 2

您可以使用以下代码插入jquery：

<script src="jquery_file.js" type="text/javascript"></script>

或者您可以从其主页下载jquery文件，并在文档中引用下载的文件。这是您可以下载jquery的链接：https://jquery.com/download/

外部JavaScript不起作用

2 个答案: