Javascript Jquery。单击“不触发”

在这里尝试学习JQuery，我一开始非常简单

当我点击按钮时，页面会重新加载，而不会发生任何事情

这是我的JS：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">
  $("#submitShout").click(function() {  
  alert('hi');
  });  

  </script>

$（“#submitShout”）。单击（函数（）{
警报（“hi”）；
});  

这是我的html：

<div class="panel right">   
<form name="shout" >
<textarea name="text" id="text" class="ribbitText"></textarea>
<input type="submit" id="submitShout" value="Ribbit!">
</form>
</div>

试试这个

$("#submitShout").on("click", function() {  
  alert('hi');
});  

如果是较低版本的Jquery，请尝试以下操作

$("#submitShout").live("click", function() {  
      alert('hi');
});  

试试这个

$("#submitShout").on("click", function() {  
  alert('hi');
});  

如果是较低版本的Jquery，请尝试以下操作

$("#submitShout").live("click", function() {  
      alert('hi');
});  

---

我想你忘了带文件。准备好了

$(function () { //<--- here..the codes below is called whn document is ready
    $("#submitShout").click(function () {
        alert('hi');
    });
});

---

$（函数（）{/我想你忘了文档。准备好了

$(function () { //<--- here..the codes below is called whn document is ready
    $("#submitShout").click(function () {
        alert('hi');
    });
});

$（function（）{/确保包含jQuery引用，并用

$(function(){

});

作为

或者单击文档末尾的Bind（绑定）
确保包含jQuery引用，并用

$(function(){

});

作为

或者单击文档末尾的绑定
jQuery 1.9版本

$(function(){
    $("#submitShout").on('click',function(){
        //your code
        });
});

jQuery版本低于1.9

$(function(){
     $("#submitShout").live('click',function(){
            //your code
            });
});

jQuery 1.9版本

$(function(){
    $("#submitShout").on('click',function(){
        //your code
        });
});

jQuery版本低于1.9

$(function(){
     $("#submitShout").live('click',function(){
            //your code
            });
});

这是一个非常旧的jquery版本，请将其升级到更新的版本：

这是一个非常旧的jquery版本，请将其升级到更新的版本：

我猜您可能缺少了
doc-ready
处理程序或
jQuery-lib
：

首先尝试以下方法：

   $(function(){
     $("#submitShout").click(function() {  
         alert('hi');
      }); 
   });

那么这个,

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
   $(function(){
     $("#submitShout").click(function() {  
         alert('hi');
      }); 
   });
</script>


$（函数（）{
$（“#submitShout”）。单击（函数（）{
警报（“hi”）；
}); 
});
我猜您可能缺少了
doc ready
处理程序或
jQuery lib
：

首先尝试以下方法：

   $(function(){
     $("#submitShout").click(function() {  
         alert('hi');
      }); 
   });

那么这个,

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
   $(function(){
     $("#submitShout").click(function() {  
         alert('hi');
      }); 
   });
</script>


$（函数（）{
$（“#submitShout”）。单击（函数（）{
警报（“hi”）；
}); 
});

确保jQuery已加载
使用最新的jQuery库
检查错误控制台（使用chrome开发者工具或firefox的firebug）
尝试将jQuery更改为
代码：

$(function(){
    $("#submitShout").click(function(e) {  
       e.preventDefault();
       alert('hi');
       return false;
   }); 
});

确保jQuery已加载
使用最新的jQuery库
检查错误控制台（使用chrome开发者工具或firefox的firebug）
尝试将jQuery更改为
代码：

$(function(){
    $("#submitShout").click(function(e) {  
       e.preventDefault();
       alert('hi');
       return false;
   }); 
});

试试这个

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
      $("#submitShout").click(function(event) {  
      alert('hi');
      event.preventDefault();
      });  
    });
      </script>


$（文档）.ready（函数（）{
$（“#submitShout”）。单击（函数（事件）{
警报（“hi”）；
event.preventDefault（）；
});  
});
试试这个

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
      $("#submitShout").click(function(event) {  
      alert('hi');
      event.preventDefault();
      });  
    });
      </script>


$（文档）.ready（函数（）{
$（“#submitShout”）。单击（函数（事件）{
警报（“hi”）；
event.preventDefault（）；
});  
});
您是否包含对jquery库的引用？是的，使用完整JS更新了代码您是否包含对jquery库的引用？是的，使用完整JS更新了代码这没有回答问题。这没有回答问题。哇，我觉得很傻，我怎么会犯这样一个业余错误。谢谢……）…我知道…我想你现在该去喝杯咖啡了…）：；）哇，我觉得很傻，我怎么会犯这样一个业余的错误。谢谢…）…我知道…我想你现在该去喝杯咖啡了…）：；）