jquery - jQuery提交按钮没有响应

Question

我正在尝试使用 jquery 提交表单，但我没有响应点击事件。这是一个现场演示。 http://jsfiddle.net/H7FTX/1/

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

    </form>

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

          alert('OKKKK');

        });
    });

你能帮助我吗？

Answer 1

(1) 你错过了添加$。

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

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

更好地改变你的JS，如下所示

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

更新小提琴

Answer 2

尝试

你的小提琴没有导入 jquery。此外，您应该在$脚本的开头添加 以表示 jquery 文档已准备就绪。

小提琴演示

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

      alert('OKKKK');
  });
});

Answer 3

您只是在function之前缺少$。请执行以下操作

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

        alert('OKKKK');

    });
});

Answer 4

您需要在 HTML 中加载 jQuery，并且必须调用

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

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