Question

只是测试一个具有不同功能的计算器。当我将代码移动到外部js文件然后尝试导入它时，我遇到了问题。我这样做时计算器不会运行。

HTML code：

  <!DOCTYPE html>
    <html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script type="custom.js"></script>
    </head>
    <body>
    <div><input id="a1" type="text" value="0" min="0"/></div>
    <div>Velg en:</div>
    <div>Dårlig<input type="checkbox" name="checkbox" class="checkbox_dårlig"></div>
    <div>Normal<input type="checkbox" name="checkbox" class="checkbox_normal"></div>
    <div>Bra<input type="checkbox" name="checkbox" class="checkbox_bra"></div>
    <select>
        <option disabled selected value> -- Velg en type -- </option>
        <option id="test1">Test 1</option>
        <option id="test2">Test 2</option>
        <option id="test3">Test 3</option>
        <option id="test4">Test 4</option>
        <option id="test5">Test 5</option>
    </select>
    <div>Value: <input id="pris" type="text" value="0" /></div>
    </body>
    </html>

JS：

$(document).ready(function(){
    $('#a1').keyup(calculate);
    $(".checkbox_dårlig").change(calculate);
    $(".checkbox_normal").change(calculate);
    $(".checkbox_bra").change(calculate);
    $("select").change(calculate);
    $('input[type="checkbox"]').on('change', function() {
        $('input[type="checkbox"]').not(this).prop('checked', false);
        calculate()
    });
});
function calculate(e) { some code }

有人能看出问题所在吗？

Answer 1

您没有导入该文件。你必须把它放在src而不是类型你必须以这种方式导入它：

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

外部文件中的jQuery无法正常工作

1 个答案: