付款处理时运行JQuery

Question

当我在结帐时单击“下订单”按钮时，我正在尝试运行一小段JQuery。它会在带有微调框的div中消失，以显示付款正在处理中。

我尝试过：

$("#place_order").on( "click", function() {
    $(".purchase-processing").fadeIn( "slow" );
    // alert("Place Order Clicked");
});

并且：

$('body').on( 'woocommerce_payment_complete', function(){
    $(".purchase-processing").fadeIn( "slow" );
    // alert("Place Order Clicked");
});

两者似乎都不起作用-也不用将fadeIn换成警报以对其进行测试。任何想法为什么会这样？

Answer 1

尽管您的问题没有特别说明，但我猜您的按钮稍后由JS添加到页面中。在这种情况下，您需要使用以下代码委托onClick事件：

$(document).on('click', '#place_order', function() {
  $(".purchase-processing").fadeIn( "slow" );}
);

在此处详细了解相关活动：

• http://api.jquery.com/on/#direct-and-delegated-events