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

});