Question

这是我的HTML：

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
    <script src="http://code.jquery.com/jquery-1.11.0.js" type="text/javascript"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="script.js"></script>
    <meta charset="UTF-8">
    <title>RNG</title>
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-3"></div>
        <div class="col-md-6 text-center">

            <h1>Random Number Generator</h1>

            <button class="btn btn-primary" id="generateButton">Generate</button>

            <p id="randomNumber"></p>

        </div>
        <div class="col-md-3"></div>

    </div>

</div>
</body>
</html>

我的JS / jQuery：

$("#generateButton").on("click", function() {
    alert("Hello");
})

如果你想知道为什么我的随机数生成器应该做的唯一事情是说“你好”，那是因为我试图找出为什么我的代码不能正常工作，然后我发现它是jQuery不工作。

文件'script.js'是正确链接的，因为当我尝试没有jQuery代码的普通JS警报时，它工作正常。

这是我链接到jQuery的代码的一部分：

<!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
    <script src="http://code.jquery.com/jquery-1.11.0.js" type="text/javascript"></script>

是的，我正在连接来自3个不同来源的jQuery，以防万一。那是因为第一个没有用，第二个也没有用，所以我只是想确定一下。

Answer 1

假设script.js是您的代码所在的位置，那么

<script src="script.js"></script>

没有$("#generateButton")。您可以将脚本移动到</body>之前，也可以将代码包装在

中

$(function() {
    //your code goes here
});

告诉它在执行之前等待文档加载。

Answer 2

您只需在加载cat Upright.java public class Upright { public static void main (String args[]) { String raw ="Left - Down - Up - Right - East - West"; raw = raw.replaceAll("Up"," ↑ "); raw = raw.replaceAll("Right"," → "); System.out.println(raw); } } java Upright > upright.txt && cat upright.txt Left - Down - ↑ - → - East - West之前放置代码，就应该在之前放置脚本。

在编程中导入或加载jquery之前使用它是有意义的

lib

$(function(){
  $('#generateButton').click(function(){
     alert("functional");
   })
})

无法链接jQuery

2 个答案: