【发布时间】:2014-07-03 20:25:39
【问题描述】:
我现在使用 WooCommerce 几乎完成了一个网站,一切似乎都按我的意愿工作,除了一件事。
我的主页上有一些产品与商店中的每个产品使用相同的代码。当您单击“添加到购物篮”时,AJAX 会触发并将它们添加到购物篮,但是缺少让您知道正在发生的事情的动画。
当您进入商店并将产品添加到购物篮中时,动画会生效,然后会有一个勾号,因此您知道该产品已成功添加 - 这不会发生在主页上。
我已经仔细检查了主页上的产品是否具有“product_type_simple”类,如果它是一个简单的产品(也有一些我知道它不应该适用的变体)并且它们具有数据属性“data_product_id” .没关系。
我确定我错过了一些非常明显的东西,但我看不出动画为什么不起作用,并且控制台日志中没有错误表明 AJAX 存在问题。
该网站是:http://telford-webdesign.co.uk/我希望有人能指出我错过了什么!
提前致谢:)
科斯蒂
【问题讨论】:
-
嗨,Kirsty,这可能是您正在发出 AJAX 请求,然后是 GET 到另一个页面。当浏览器开始获取下一页时,javascript 等停止运行,直到新页面出现加载。也许这就是问题所在?
-
您好约翰,感谢您的回复。有些产品有变化,在这种情况下,我不希望动画适用于这些产品,因为您需要转到完整产品才能选择您的选项。主页上有一些“简单”的产品应该在按钮上有动画但没有。
标签: ajax wordpress woocommerce