javascript - JQuery 无法处理按钮的点击事件

标签 javascript jquery html ajax

我知道这个问题可能很愚蠢,但我是 JQuery 的新手,无法猜测(即使在 Google 进行了艰苦的搜索后)为什么我的函数无法在按钮的单击事件上显示警报,(我试图执行更多任务,但出于调试目的,我显示了警报)。

<!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 mentioned ,您应该将脚本分开,以便每个脚本都可以工作。

<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 无法处理按钮的点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41072616/

相关文章:

javascript - 使用$http服务,找不到数据

javascript - jQuery fadeIn 效果动画问题

javascript - 如果在表格网格中选中复选框,则禁用文本框

javascript - 如何使用 jQuery 获取 url 参数值并将其传递到 url 中

css - 响应图像大小

javascript - 检查 IF 语句中哪个条件为真

javascript - WebView (react-native-webview) 在 Expo SDK36 中获取错误代码 -1

javascript - 调整多个容器中的文本大小以保留父尺寸

javascript - Web - 如何不禁用但隐藏 iframe 中的滚动?

javascript - 将CSS规则写到不同的浏览器,如何?