Question

我试着打电话 .bind（ “点击”）来自外部.js文件（js1.js）。

这是代码：

js1.js：

$(function() {
$("p").bind("click",function(){
  alert("The paragraph was clicked.");
});
});

page.html中：

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="./css/mystyle.css" />
<link rel="stylesheet" href="./css/global.css">
<script type="text/javascript" src="./js/js1.js"></script>
<title>New WebPage</title>
</head>
<body>
<p>Click me!</p>
</body>

此代码在我的文件中不起作用。

我是从w3scools找到的，它正在他们的网站上工作：

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").bind("click",function(){
alert("The paragraph was clicked.");
});
});
</script>
</head>
<body>
<p>Click me!</p>
</body>
</html>

如何让它从我的外部.js运行？任何想法？

感谢。

Answer 1

从它的外观来看，你尚未在页面上添加jQuery。在脚本之前添加jQuery。

<link rel="stylesheet" type="text/css" media="screen" href="./css/mystyle.css" />
<link rel="stylesheet" href="./css/global.css">
<script type="text/javascript" src="path/to/jQuery.js"></script>
<script type="text/javascript" src="./js/js1.js"></script>
<title>New WebPage</title>

Answer 2

如果您忘记添加此行

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

首先将其添加到<head> </head>部分。否则你的脚本无法正常工作。 Bellow完整的代码，为我工作..

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#p').bind('click', function(){
    alert('The paragraph was clicked.');
});
});
</script>
<style>
#p{cursor:pointer;}
</style>
</head>
<body>
<p id="p">Click me!</p>
</body>
</html>

使用外部.js来调用.bind（）

2 个答案: