Question

我已确认外部JS文件在运行时已连接：alert("Connected!")成功。以下代码适用于控制台，但不适用于外部JS文件：

HTML：

<!DOCTYPE html>
<html>
<head>
    <title>Random Quote Generator</title>
    <script type="text/javascript" src="jQuery.js"></script>
    <link rel="stylesheet" type="text/css" href="bootstrap.css">
    <script type="text/javascript" src="script.js"></script>

</head>
<body>
    <a href="#" class="btn btn-primary" id="getQuote">Get quote</a>
</body>
</html>

JS：

$("#getQuote").on("click", function() {

    console.log("click success");

    });

Answer 1

你必须准备好你的代码在jquery中以确保加载dom：像贝娄一样

$(document).ready(function(){
    $("#getQuote").on("click", function() {
        console.log("click success");
    });
});

外部javaScript文件已连接但某些代码无法正常工作

1 个答案: