在处理付款时运行JQuery

在处理付款时运行JQuery,jquery,woocommerce,Jquery,Woocommerce,我正在尝试运行一点JQuery,当在我的签出中单击PlaceOrder按钮时。它将淡入一个带有微调器的div中,以显示正在处理付款 我试过: $("#place_order").on( "click", function() { $(".purchase-processing").fadeIn( "slow" ); // alert("Place Order Clicked"); }); 以及: 这两种方法都不起作用——用fadeIn替换警报来测试也不起作用。你知道为什么吗?虽

我正在尝试运行一点JQuery,当在我的签出中单击PlaceOrder按钮时。它将淡入一个带有微调器的div中,以显示正在处理付款

我试过:

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


这两种方法都不起作用——用fadeIn替换警报来测试也不起作用。你知道为什么吗?

虽然你的问题没有明确说明,但我猜你的按钮稍后会被JS添加到页面中。在这种情况下,您需要使用以下代码委派单击事件:

$(document).on('click', '#place_order', function() {
  $(".purchase-processing").fadeIn( "slow" );}
);
在此处了解有关延迟事件的更多信息:


定义“不工作”。发生了什么?提供相关的HTML也将有助于尝试
$(文档)。如果这不起作用,请确保您的目标是正确的按钮。@DaveNewton好吧,什么也不会发生。Div不会淡入,如果我将其注释掉,并发出警报,警报就不会发生。对于最后一条注释中的代码,淡入显示良好。这在@JM-AGMS中起作用,但理想情况下,如果所有签出字段都已填写,则在那里进行签入,如果这有意义的话。不要为此使用
文档
选择器。最好是获取最接近的静态元素。
$(document).on('click', '#place_order', function() {
  $(".purchase-processing").fadeIn( "slow" );}
);