Question

尝试在这里学习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>

这是我的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>

Answer 1

我想你忘了document.ready ..

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

Answer 2

确保包含jQuery引用，并使用

包围您的代码

$(function(){

});

作为

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

或点击文档末尾的绑定

Answer 3

试试这个，

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

如果它是较低版本的Jquery，请试试这个。

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

Answer 4

jQuery 1.9版

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

jQuery版本低于1.9

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

Answer 5

这是一个非常古老的jquery版本，将其升级为更新的版本：

https://developers.google.com/speed/libraries/devguide#jquery

Answer 6

我想你错过了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>

Answer 7

确保加载jQuery
使用最新的jQuery库
检查错误控制台（使用chrome developer tools或firebug for firefox
尝试将jQuery更改为

<强>码

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

Answer 8

试试这个

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

Jquery .click没有开火

8 个答案: