我已经搜索了其他答案以获得解决方案,但似乎每个人都只是在 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文件中时,在脚本标记下,我的代码可以工作(按钮消失并显示警报)。我假设在我的文件链接中存在某种语法错误,但我不确定。
答案 0 :(得分:1)
<script src="/script.js" type="text/javascript"></script>
我需要在路径中添加“/”。