0

Trying to learn JQuery here, im starting off really simple.

When I click the button, the page reloads and nothing happens.

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

Here's my 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>
4

8 回答 8

3

我想你忘记了文件。准备好了..

$(function () { //<--- here..the codes below is called whn document is ready
    $("#submitShout").click(function () {
        alert('hi');
    });
});
于 2013-03-18T07:07:04.040 回答
1

确保你包含 jQuery 参考并且你的代码被包围

$(function(){

});

作为

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

或单击文档末尾的绑定

于 2013-03-18T07:07:16.220 回答
0

我猜要么您缺少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>
于 2013-03-18T07:09:19.307 回答
0
  1. 确保 jQuery 已加载
  2. 使用最新的 jQuery 库
  3. 检查错误控制台(使用 chrome 开发人员工具或 firebug for firefox
  4. 尝试将您的 jQuery 更改为

代码:

$(function(){
    $("#submitShout").click(function(e) {  
       e.preventDefault();
       alert('hi');
       return false;
   }); 
});
于 2013-03-18T07:09:41.423 回答
0

尝试这个

  <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>
于 2013-03-18T07:10:25.560 回答
0

试试这个,

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

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

$("#submitShout").live("click", function() {  
      alert('hi');
});  
于 2013-03-18T07:06:12.443 回答
0

jQuery 1.9 版本

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

jQuery 版本低于 1.9

$(function(){
     $("#submitShout").live('click',function(){
            //your code
            });
});
于 2013-03-18T07:07:24.927 回答
0

那是一个非常旧的 jquery 版本,将其升级到更新的版本:

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

于 2013-03-18T07:07:41.617 回答