Question

我知道这个问题可能很愚蠢，但我是JQuery的新手而且未能猜到（即使在谷歌搜索完成后）为什么我的功能无法在按钮的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

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

Answer 2

我完全同意上述两个用户的答案，你必须远离引用库的标签，你需要做的是放置你的逻辑代码可能是Javascript或JQuery in Another Script Tags < / p>

JQuery无法处理Button的On Click事件

2 个答案: