Trình gửi biểu mẫu Firefox jQuery không hoạt động

Question

var makeField = function(name, value) { 
    return $('<input />').attr({ 
     type: 'hidden', 
     name: name, 
     value: value 
    }); 
}; 

$('.login').on('click', function() { 
    var form = $('<form />').attr('method', 'POST'); 

    form.append(makeField('n0', 'data1')); 
    form.append(makeField('n1', 'data2')); 
    form.append(makeField('n2', 'data3')); 

    $(document).append(form); 
    form.submit(); 
}); 

Mã trên hoạt động tốt trong Safari, Chrome và Opera nhưng firefox bỏ qua form.submit();. Tôi đã thử nghiệm mã ở trên bằng cách thêm console.log('...'); ở trên và bên dưới cuộc gọi gửi và nó thực hiện mà không có lỗi. Tôi cũng đã thử gọi số $(form).submit(); và tôi nhận được kết quả không mong muốn tương tự.

Có ai đã từng gặp phải điều này trước đây hoặc có giải pháp không?

Answer 1

cập nhật với mã mới của bạn

$(function() { 
    var makeField = function(name, value) { 
     return $('<input />').attr({ 
      type: 'hidden', 
      name: name, 
      value: value 
     }); 
    }; 

    $(document).on('click', '.login', function() { 
     var form = $("<form />").attr({ method: "POST" }).append(
       makeField('n0', 'data1'), 
       makeField('n1', 'data2'), 
       makeField('n2', 'data3') 
      ); 

     // just adding a callback on submit here to show it works 
     form.submit(function(e){ alert("Submitting Form"); }); 

     $("body").append(form); 
     form.submit(); 
    }); 
}) 

Xem WORKING jsFiddle in FF HERE