jQuery SlideToggle() फ़ायर्फ़ॉक्स में काम नहीं कर रहा, क्रोम में काम करता है

Question

मेरे कोड यह है:

jQuery('.cart-module .cart-heading').bind('click', function() { 
    if (jQuery(this).hasClass('active')) { 
     jQuery(this).removeClass('active'); 
    } else { 
     jQuery(this).addClass('active'); 
    } 

    jQuery(this).parent().find('.cart-content').slideToggle('slow'); 
}); 
//--></script> 

आप जल्दी से इस https://muddydogcoffee.com/teas/176-organic-crimson-berry-fruit-tisane?device=iphone की तरह अपने कार्ट में उत्पाद जोड़ने और खरीदारी की टोकरी के लिए जा रहा द्वारा अपने आप के लिए यह परीक्षण कर सकते हैं यहां https://muddydogcoffee.com/shopping-cart।

जब आप "अनुमान शिपिंग & करों" पर क्लिक करते हैं, तो इसे इसके नीचे डीआईवी प्रदर्शित करना चाहिए। हालांकि, यह केवल क्रोम में काम करता है और फ़ायरफ़ॉक्स में नहीं। मुझे इसे ठीक करने के लिए क्या करना चाहिए?

धन्यवाद। मैं वास्तव में नहीं समझा जा सका है क्यों ऐसा होता है, लेकिन मैं इसके लिए एक वैकल्पिक हल मिल गया है,

$(document).ready(function() { 
    // put all your jQuery goodness in here. 
}); 

Answer 1

मैं पहले की तरह ही समस्या थी:

Answer 2

आप कोशिश की है।

मुझे यकीन है कि अगर यह भी आप के लिए काम करेंगे नहीं हूँ लेकिन क्या मैंने किया था मैं प्रदर्शन से हटाया है: स्टाइलशीट में से कोई भी और बस html में इनलाइन जोड़ा।

यदि कोई अजीब व्यवहार समझा सकता है तो यह वास्तव में सहायक होगा।

Answer 3

फ़ायरफ़ॉक्स समेत सभी ब्राउज़रों में काम करने के लिए event.preventDefault(); और event.stopPropagation(); जोड़ें। नीचे स्निपेट देखें:

jQuery('.cart-module .cart-heading').bind('click', function(e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    if (jQuery(this).hasClass('active')) { 
     jQuery(this).removeClass('active'); 
    } else { 
     jQuery(this).addClass('active'); 
    } 
jQuery(this).parent().find('.cart-content').slideToggle('slow'); 
});