我在WordPress / WooCommerce上有一个测试电子商务网站。
https://siera.mcdir.ru/checkout/
打扰一下,请问俄语,但这并不重要。
我正在尝试根据当前选择的付款方式更改付款方式按钮的颜色。
但是不幸的是,我无法捕获适当的JavaScript事件。
在切换台上没有监听任何事件,例如
<label for="payment_method_***">Cash on delivery</a>
。
因此,“ Woocommerce”软件可对整体点击事件进行操作。
麻烦在于。我尝试获取两个付款方式描述块中之一的“显示”属性。但是此属性正在由动画软件更改。因此,我获得了肯定不正确的旧属性值。
请看图片。
var paym_click_counter=0;
var ch_bttn=function (method){
paym_click_counter++;
console.log('vodka_check_paym_bttn №',paym_click_counter,'method=',method);
var pm_01='payment_method_cod';
var pm_02='payment_method_bacs';
var paym_elms_arr=$('div.'+pm_01);
var display_01=paym_elms_arr.css('display');
// var display_bacs=$('div.payment_method_bacs').first().css('display');
if('block'==display_01){
console.log('display_01 - block!',display_01,'display_01',display_01);
$('label[for='+pm_01+']').css('opacity','0.9');
$('label[for='+pm_02+']').css('opacity','0.5');
} else {
console.log('display_01 - none!','0.5');
$('label[for='+pm_02+']').css('opacity','0.9');
}
};
ch_bttn(1);
$('body').bind( "click",function(e) {
console.log( 'e bind',e );
ch_bttn(3);
});
.................
$( document ).ajaxComplete(function( event,xhr,settings ) {
document.addEventListener("click",ch_bttn(1));
});