主页 / 问题 / 1440773
Accepted
Matvey Androsyuk
Asked:2022-08-19 20:30:38 +0000 UTC2022-08-19 20:30:38 +0000 UTC

为什么脚本在 spring-boot 应用程序中不起作用

  • 772

我开始了解javascrypt，我尝试连接jquery，我写了一个脚本，网络中的脚本似乎是连接的，但由于某种原因文档中的脚本不起作用。pom.xml

            <groupId>org.webjars</groupId>
            <artifactId>jquery</artifactId>
            <version>3.4.1</version>
        </dependency>
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>webjars-locator-core</artifactId>
        </dependency>

.html 文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Index</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
    <script type="text/javascript" th:src="@{/js/3.4.1/jquery.min.js}"></script>

</head>
<body>
<div class="container-fluid">
    <h1>Andrew Tate</h1>
    <button id="myButton" class="btn btn-primary">Click me</button>
</div>
<script>
    $(document).ready(function () {
        $("myButton").on("click", function (e) {
            alert("You have clicked me");
        });
    });
</script>
</body>
</html>

项目结构： 在此处输入图像描述

javascript jquery

1 个回答

  1. Best Answer

    对于 JS 中的按钮，没有足够的#.

    结果应该是这样的：

    $(document).ready(function () {
        $("#myButton").on("click", function (e) {
            alert("You have clicked me");
        });
});

    要通过 选择元素id，请使用 - #，对于类 - .，对于标签 - 名称（例如button, h1）。

    • 0

相关问题