jQuery event.preventDefault() फ़ायरफ़ॉक्स में काम नहीं कर रहा है (JSFiddle शामिल)

Question

यह कुछ अन्य लोगों के लिए समान डुप्लिकेट है, लेकिन मुझे लगता है कि मैं इस मामले में event.preventDefault() का उपयोग कर रहा हूं। http://jsfiddle.net/SeEw2/2/

असल में, सबमिट बटन पर क्लिक करें:

यहाँ एक JSFiddle आप के साथ कोड देख सकते हैं।

क्रोम में: कुछ भी नहीं होता - सही प्रतिक्रिया।

फ़ायरफ़ॉक्स में: पृष्ठ पुनः लोड, ओह नोएस!

तो फ़ायरफ़ॉक्स में पृष्ठ फिर से लोड क्यों हो रहा है और क्रोम नहीं? मैं इसे फ़ायरबगिंग कर रहा हूं और कोई त्रुटि नहीं आती है ...

Answer 1

आपके कोड में परिवर्तनीय event प्रारंभ नहीं है।

http://jsfiddle.net/SeEw2/4/

निकालने:

$('#ajaxsearch').click(function(event) { 

     // Stop the Search input reloading the page by preventing its default action 
     event.preventDefault(); 

Answer 2

अपने function(event) की तरह घटना वस्तु गुजर नहीं क्योंकि, लेकिन मेरे सवाल जब आप type="button" कर सकते हैं क्यों यहां तक ​​कि इस सब के माध्यम से जाने के लिए और onclick है मान पास? संक्षेप में कि आप इस पूरी प्रक्रिया के साथ क्या कर रहे हैं।

Answer 3

आह मुझे उस अतीत में एक ही समस्या है। बल्कि event.preventDefault से() करने के लिए घटना गुजर कोशिश:

function ie8SafePreventEvent(e){ 
    if(e.preventDefault){ e.preventDefault()} 
    else{e.stop()}; 

    e.returnValue = false; 
    e.stopPropagation();   
} 

मैं जानता हूँ कि यह आईई कहते हैं, लेकिन मैं एक क्लिक करें घटना की तलाश में = के बाद से]

Answer 4

करने के बजाय इसके साथ एक समस्या थी कभी नहीं किया है सबमिट बटन पर, $(form).submit हैंडलर का उपयोग क्यों न करें?

जब तक आप हैंडलर के अंत में 'झूठी वापसी' करते हैं, तो पृष्ठ फिर से लोड नहीं होगा।

Answer 5

मैंने इसे इस तरह हल किया, क्योंकि मेरा कोड थोड़ा अलग है क्योंकि यह अन्य लोगों के लिए उपयोगी हो सकता है। मेरा प्रारंभिक कोड इस तरह दिखता था।

<form id="enrollstudentform" onsubmit="return enrollStudents()"> 
    ... 
</form> 

मेरे js समारोह

function enrollStudents() { 
    // Stop Form. 
    event.preventDefault(); 
    // Other code 
} 

मैं पड़ा समारोह कॉल में पैरामीटर घटना गुजरती हैं और समारोह में इसे प्राप्त कैसा दिखता था।

<form id="enrollstudentform" onsubmit="return enrollStudents(event)"> 
    ... 
</form> 

js कोड:

function enrollStudents(event) { 
    // Stop Form. 
    event.preventDefault(); 
    // Other code 
} 

मुझे आशा है कि यह मदद करता है।