javascript - jQuery SlideToggle() 在 FireFox 中不工作，在 Chrome 中工作

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 .

当您点击“估计运费和税费”时，它应该会在其下方显示 DIV。但是，它只适用于 Chrome，不适用于 Firefox。我该怎么做才能解决这个问题？

谢谢。

Answer 1

我之前遇到过同样的问题，我还没有真正理解为什么会这样，但我找到了解决方法。

我不确定它是否也适用于您，但我所做的是删除样式表中的 display:none 并将其内联添加到 html 中。

如果有人能解释这种奇怪的行为，那将会很有帮助。