我的jQuery插件没有被调用

时间:2012-11-13 16:13:46

标签: jquery jquery-1.7

我正在尝试使用jQuery创建一个泛型函数,但由于某种原因它没有被调用。当我添加如下所示的提醒时,会弹出第一个提醒'My plugin invoked',但不会弹出第二个'Submitting'

非常感谢任何帮助。 感谢

$(document).ready(function() {

  jQuery.fn.ajaxFormSubmit = function(parameter1, parameter2) {
    alert('My plugin invoked...');
      this.submit(function(e) {
          alert('Submitting.......');
          $.ajax({ 
              url: "/Servletpath",
              dataType: "json",
              data: { //data
                    },

              success:  (function(data) {
                            alert('success');
                        }),  
              error:    (function() { 
                            alert('error');
                        })          
            });
          return false;
      });
  };

  $("#search").live("click", function() {
      var parameter1 = $("#id1").val();
      var parameter2 = $("#id2").val();
      $("#form_id").ajaxFormSubmit(parameter1, parameter2);
      return false;
  });
});

1 个答案:

答案 0 :(得分:1)

this.submit(function() {...})不会触发提交。它将等待表单提交然后调用回调。这会有所帮助

this.submit(function(e) {
    ...
}).trigger('submit');

或只是

  jQuery.fn.ajaxFormSubmit = function(parameter1, parameter2) {
    alert('My plugin invoked...');
    alert('Submitting.......');
    $.ajax({ 
        url: "/Servletpath",
        dataType: "json",
        data: { //data
              },
        success:  function(data) {
                        alert('success');
                    },  
          error:    function() { 
                        alert('error');
                    }          
        });
  };