2013-07-28 114 views
-2

我想使用jQuery提交表单,但我没有响应点击事件。 这是一个现场演示。 http://jsfiddle.net/H7FTX/1/jQuery提交按钮没有响应

<form>   
     <input type="button" name="sendBtn" value=" send " class="sendBtn" /> 

    </form> 

    (function() { 
     $('.sendBtn').click(function() { 

      alert('OKKKK'); 

     }); 
    }); 

你能帮助我吗?

回答

3

(1)你错过添加$

(2)检查您的JSFiddle 您错过了添加jQuery库(可在JSFiddle的左上角)

$(function() { 
    $('.sendBtn').click(function() { 
     alert('OKKKK'); 
    }); 
}); 

更好地改变你的JS像下面

$(document).ready(function() { 
    $('.sendBtn').on('click', function() { 
     alert('OKKKK'); 
    }); 
}); 

Update fiddle

+0

谢谢。它现在在工作,但我想问你为什么第二种方法比第一种更好? – test

+0

@Gham'.on()'有助于附加一个或多个事件的事件处理函数。 '$(function(){'和'$(document).ready(function(){'**等价于**,但$(document).ready'更具可读性** :) – Praveen

-1

你需要加载的jQuery在你的HTML,你必须调用

$(function() { 
... 
}); 

(不只是(function() { ... });

+0

'$(function(){...})'不会加载jquery。这是$(document).ready(function(){...})的别名,它将调用函数直到文档被加载。虽然它可能解决问题,但信息是错误的。 –

+0

我没有说''$(function(){...})''会加载jquery。我说,提问者必须加载jquery(即包含'