5

我的代码是这样的：

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。我能做些什么来解决这个问题？

谢谢。

4

3 回答 3

4

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

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

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

于 2012-08-08T00:13:12.980 回答
2

添加event.preventDefault();并event.stopPropagation();使其适用于所有浏览器，包括 Firefox。请参阅下面的片段：

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');
});
于 2014-12-08T18:01:35.457 回答
0

你有没有试过：

$(document).ready(function() {
   // put all your jQuery goodness in here.
 });
于 2012-08-07T23:53:46.630 回答