Firefox jQuery表單提交不起作用

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(); 
}); 

上述代碼在Safari，Chrome和Opera中正常工作，但firefox忽略form.submit();。我通過在提交調用的上方和下方添加console.log('...');來測試上述代碼，並且它無誤地執行。我也嘗試撥打$(form).submit();，我得到了相同的不想要的結果。

有沒有人遇到過這個，或有解決方案？

Answer 1

與你的新代碼更新

$(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(); 
    }); 
}) 

見WORKING jsFiddle in FF HERE