Javascript 使用external.js调用.bind（）_Javascript_Html_Click_Bind_External

Javascript 使用external.js调用.bind（）

javascript html

Javascript 使用external.js调用.bind（）,javascript,html,click,bind,external,Javascript,Html,Click,Bind,External,我想打电话 .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">&l

我想打电话 .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>


$（文档）.ready（函数（）{
$（“p”）.bind（“单击”，函数（）{
警告（“该段落被点击”）；
});
});
点击我

如何让它从我的external.js运行？有什么想法吗

谢谢。

从外观上看，您还没有在页面上添加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>


新网页

如果您忘记添加此行

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

因此，首先将其添加到

部分。否则您的脚本将无法工作。下面是为我工作的完整代码

<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>


$（文档）.ready（函数（）{
$（'#p'）.bind（'click'，function（）{
警报（“段落已被点击”）；
});
});
#p{cursor:pointer；}
单击我

我忘了在我问题的第一个文件末尾再贴一个“}）；”。你可以使用帖子底部的“编辑”按钮添加缺少的

}）

。仍然没有。也许在处理click函数时，.js文件中缺少了一些东西？@PantelisGeorgiades检查控制台。通常是F12。复制了它，还是什么都没有。也许我应该修改external.js中的某些内容以使函数正常运行？

$（document）.ready（function（）{$（“p”）.bind（“click”，function（）.html（“段落被单击”）；}；

您可以修改并尝试此操作，而不是

alert（）

没有任何更改。仍然没有从外部运行函数。jswhere？我不明白你刚才说的话。：/这对我有用。

函数单击（）{$（'p'）.bind（“单击”，函数（）{$（'p'）.html（“段落被单击”）；}单击我！