问题描述
我的代码是这样的: 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>
您可以通过快速添加产品到您的购物车来自己测试,然后在这里。
当您点击估价运费&税款时,应在其下方显示DIV。但是,它只适用于Chrome,不适用于Firefox。我可以做些什么来解决这个问题?
谢谢。
我以前也有同样的问题,但我并没有真正理解为什么会发生这种情况,但是我找到了解决办法。
我不确定它是否也适用于您,但我所做的是删除样式表中的display:none,并将其添加到html中。 / p>
如果有人可以解释这个奇怪的行为,那么这真的很有帮助。
My code is this:
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>
You can test it for yourself by quickly adding a product to your cart like this https://muddydogcoffee.com/teas/176-organic-crimson-berry-fruit-tisane?device=iphone and going to the shopping cart here https://muddydogcoffee.com/shopping-cart.
When you click "Estimate Shipping & Taxes," it should display the DIV underneath of it. However, it only works in Chrome and not in Firefox. What can I do to fix this?
Thanks.
I had the same problem before, I haven't really understood why it happens but I found a workaround for it.
I am not sure if it will also work for you but what I did is I removed the display:none in the stylesheet and just added it inline in the html.
If anyone could explain the strange behavior it will really be helpful though.
这篇关于jQuery SlideToggle()不适用于FireFox,适用于Chrome的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!