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

Question

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

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

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

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

提前谢谢你。

本杰明

Answer 1

我找到了我的问题的解决方案，在这里：Jquery events not working on ajax loaded content

解决方案是在 jQuery 中使用 on click

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