क्रोम पर Jquery Form.submit() फ़ायरफ़ॉक्स पर काम करता है लेकिन फ़ायरफ़ॉक्स में नहीं

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> 

सभी जब क्रोम में परीक्षण किया भी है। प्रपत्र सबमिट किए जाने पर, पृष्ठ पर रीडायरेक्ट करता है। लेकिन फ़ायरफ़ॉक्स (v। 5 और 6) में परीक्षण करते समय, div पर क्लिक करने से कुछ भी नहीं होता है। नाडा। कुछ भी नहीं। मुझे आश्चर्य है कि फ़ायरफ़ॉक्स में क्या गलत हुआ? किसी भी मदद को बहुत सराहा जाएगा। धन्यवाद।

Answer 1

मैं जमा करने से पहले फॉर्म को डीओएम में जोड़ने का प्रयास करूंगा।

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

});