jquery只能在html文件中工作,而不能在单独的script.js文件中工作

时间:2017-05-30 15:31:15

标签: javascript jquery html

我已经搜索了其他答案以获得解决方案,但似乎每个人都只是在 google api jquery链接之前放置他们的外部.js文件。然而,这不是我的情况。

html文件(名为" index.html"):

<!DOCTYPE html>
<html lang="en-US">
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" type="text/css" href="style.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script src="script.js"></script>
    </head>

我在html文件的正文中创建了按钮:

<div class="input">
    <input type="button" id="test" value="CLICK ME" style="width: 500px; height: 100px" />
</div>

脚本文件(名为&#34; script.js&#34;):

$(document).ready(function(){
    $("#test").click(function(){
        $(this).hide();
        alert("You clicked it!");
    })
})

当我点击我网站上的按钮时,没有任何反应。我已经尝试了脚本文件和google api的订单的多种配置,但没有其他任何对我有用。

但是,我知道我的脚本有效,因为当我将代码放在html文件中时,在脚本标记下,我的代码可以工作(按钮消失并显示警报)。我假设在我的文件链接中存在某种语法错误,但我不确定。

1 个答案:

答案 0 :(得分:1)

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

我需要在路径中添加“/”。