jQuery无法处理按钮的单击事件

Question

I know this question may be stupid, but I'm new to JQuery and failed to guess (even after hard search at Google) Why My Function failed to Show me Alert on Click Event of Button, (I'm trying to do more tasks but for debugging purpose I'm showing alert). 我知道这个问题可能很愚蠢，但是我是JQuery的新手，并且无法猜测（即使在Google进行了艰苦的搜索之后）为什么我的函数无法向我显示有关Button Click事件的警报，（我正在尝试执行更多任务但出于调试目的，我正在显示警报）。

<!DOCTYPE html>
<html>
<head>
<title>WebSite Title</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
    $(document).ready(function(){
        $('#foo').click(function(){
            alert('ggg');
        });
    });
</script>
 </head>
<body>
    <input type="button" name="" value="Get Data" id="foo">
</body>
</html>

Answer 1

As @Pranav mentioned , you should separate the scripts, so each can work. 如@Pranav所述，您应该将脚本分开，以便每个脚本都可以工作。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquer‌y.min.js"></script>
<script>
  $(document).ready(function() {
    $('#foo').click(function() {
      alert('ggg');
    });
  });
</script>

Answer 2

我完全同意上述两个用户的回答，您必须将您的代码从引用库的标签上移开，您需要做的是将逻辑代码可以是Javascript或JQuery放在另一个脚本标签中

jQuery无法处理按钮的单击事件

问题描述

2 个解决方案

解决方案1
2 2016-12-10 06:06:16

解决方案2
0 已采纳 2016-12-11 18:44:01

jQuery无法处理按钮的单击事件

问题描述

2 个解决方案

解决方案1 2 2016-12-10 06:06:16

解决方案2 0 已采纳 2016-12-11 18:44:01

解决方案1
2 2016-12-10 06:06:16

解决方案2
0 已采纳 2016-12-11 18:44:01