Jquery .click not firing

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

刚刚尝试这一点，

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

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

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

Answer 2

我想你忘记的document.ready ..

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

Answer 3

确保您包括jQuery的参考和你周围有

$(function(){ 

}); 

代码

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

或点击文档末尾的绑定ument

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

1. 确保jQuery是加载
2. 使用最新的jQuery库
3. 检查错误控制台（使用Chrome开发者工具或Firefox的Firebug
4. 试着改变你的jQuery到

code：

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