如何在WordPress WooCommerce结帐页面上使用jQuery

时间:2017-05-17 00:58:04

标签: jquery ajax wordpress woocommerce

我正在修改WooCommerce结帐模板文件(php),以便在"下订单"之前我有其他按钮。按钮。

如果您首先在购物车中添加商品,则可以在此WooCommerce演示页https://demo.woothemes.com/storefront/checkout/上看到基本的WooCommerce功能。

我需要将jQuery函数绑定到新添加的按钮。不幸的是,这些功能没有执行。只有我在更高级别添加按钮" jQuery正常工作的模板。

是否有一些AJAX请求以某种方式取消了我的jQuery绑定?我该如何解决这个问题?

提前谢谢。

本杰明

1 个答案:

答案 0 :(得分:2)

我找到了一个问题的解决方案,就在这里:Jquery events not working on ajax loaded content

解决方案是使用jQuery点击

$('body').on('click','.heading',function(){
     $(this).css('color','red');  
});