从 HTML 链接时，javascript jQuery 代码文件不起作用

Question

嗨，我是 Javascript 新手，我正在尝试使用 jQuery，但如果我在另一个 js 文件上使用它，它就不起作用，但如果直接输入到我的 HTML 文件中，它就起作用了。

这是 try.js 文件：

$("#btn1").click(fn1);

function fn1(){
    $("#heading1").fadeToggle();
}

和 HTML 代码：

<!DOCTYPE html> 

<html>
    <head>
        <title>Javascript trial ANIMATIONS </title>
        <script src="jquery.js"></script>
        <script src="try.js" type='text/javascript'></script>

    </head>
    <body>

        <h2 id="heading1">SETTING UP JQUERY</h2>
        <button id="btn1">click me</button>

    </body>


<HTML>

另外，如何在输入另一个 js 文件时看到 jQuery 库。 我正在使用 vs 代码

Answer 1

可能是您可以在加载文档时使用 dom 操作。

function fn1(){
    $("#heading1").fadeToggle();
} 

$(function() {
    $("#btn1").click(fn1);
});

Answer 2

查看对这个问题的回答。 您可能会知道如何继续。

从 HTML 链接时，javascript jQuery 代码文件不起作用

问题描述

2 个解决方案

解决方案1
0 2020-08-25 03:41:39

解决方案2
0 2020-08-25 03:45:37

从 HTML 链接时，javascript jQuery 代码文件不起作用

问题描述

2 个解决方案

解决方案1 0 2020-08-25 03:41:39

解决方案2 0 2020-08-25 03:45:37

解决方案1
0 2020-08-25 03:41:39

解决方案2
0 2020-08-25 03:45:37