我已经为Woocommerce开发了一个支付网关插件,它在很大程度上依赖于一些JavaScript,这些JavaScript会加载弹出窗口来捕获用户详细信息。仅当从单选按钮中选择该网关时,我才需要运行该javascript。由于某种原因,它不起作用。这是我的代码
jQuery(document).ready(function() { usingGateway(); jQuery('form[name="checkout"] input[name="payment_method"]:checked').change(function(){ usingGateway(); }); }); function usingGateway(){ console.log(jQuery("input[name='payment_method']:checked").val()); if(jQuery('form[name="checkout"] input[name="payment_method"]:checked').val() == 'my_gateway'){ console.log("Using my gateway"); //Etc etc }else{ console.log("Not using my gateway. Proceed as usual"); } }
似乎woocommerce以某种方式覆盖了javascript,因为即使选中了单选按钮,我的payment_method的console.log始终是未定义的。然后,IF块将被跳过,并且始终显示“不使用我的网关。当我注释掉IF语句时,支付网关可以正常工作。
但是我需要它工作,因为如果用户选择其他付款方式(甚至是BACS或离线付款),则javascript仍会加载弹出窗口,并尝试使用我的自定义网关处理付款。
更新:根据rnevius的评论,我检查了woocommerce checkout.js并将其从那里复制到我的插件javascript中:
var payment_methods = jQuery('.woocommerce-checkout').find( 'input[name="payment_method"]' ); if ( 0 === payment_methods.filter( ':checked' ).size() ) { payment_methods.eq(0).attr( 'checked', 'checked' ); }
因此,基本上,如果尚未检查任何内容,woocommerce将强制检查第一项。不知道为什么我需要这样做,因为woocommerce已经在checkout.js中做到了,现在可以工作,但是如果我的网关还不是第一个选定的网关,那么“ change”功能仍然无法使用(当您更改到我的网关时)从另一个)。请帮忙。
尝试此操作以分配付款方式选择回调
jQuery(function(){ jQuery( 'body' ) .on( 'updated_checkout', function() { usingGateway(); jQuery('input[name="payment_method"]').change(function(){ console.log("payment method changed"); usingGateway(); }); }); }); function usingGateway(){ console.log(jQuery("input[name='payment_method']:checked").val()); if(jQuery('form[name="checkout"] input[name="payment_method"]:checked').val() == 'my_gateway'){ console.log("Using my gateway"); //Etc etc }else{ console.log("Not using my gateway. Proceed as usual"); } }