繁体   English   中英

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

[英]JQuery Failed to Handle Button's On Click Event

我知道这个问题可能很愚蠢,但是我是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>

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM