Chrome上的Jquery Form.submit（）工作，但不在Firefox中

Question

我有以下函數從頁面收集數據，將它們全部放入'數據'變量中，並將其附加到表單中，然後提交它。

$(document).ready(function() { 
$('#content-tab .submit').click(function() { 
    var data = {champion: window.selectedChampion, runes: runes, masteries: masteries, items: items, skillingOrders: skillingOrders, chapters: chapters, title: $('#guide_title').val()}; 
      data = JSON.stringify(data); 
      $("<form method='post'>").append($('<input type="hidden" name="data" id="data">').val(data)).submit(); 
    }); 
}); 

有上點擊時觸發此頁面上的DIV：

<div class='button pointer submit'>Submit</div> 

一切都很好，在Chrome測試時。表單提交然後重定向到一個頁面，就像計劃一樣。但在Firefox中進行測試（第5節和第6節）時，單擊div無效。納達。小人物。我不知道Firefox中出了什麼問題？任何幫助將不勝感激。謝謝。

Answer 1

我會嘗試在提交之前將表單添加到DOM。

$('#content-tab .submit').click(function() { 

    var data = { 
     champion: window.selectedChampion, 
     runes: runes, 
     masteries: masteries, 
     items: items, 
     skillingOrders: skillingOrders, 
     chapters: chapters, 
     title: $('#guide_title').val() 
    }; 
    data = JSON.stringify(data); 
    var $form = $("<form method='post'>").append($('<input type="hidden" name="data" id="data">').val(data)); 
    $form.appendTo("body").submit(); 

});