jQuery在付款网关woocommerce上不起作用

Question

I want to hide a div when an option is selected:

jQuery(document).ready(function(){
    if (jQuery('#Plaats').val() == "option_a") {

        jQuery(".payment_method_cod").hide();
    }
});

On this example, $payment_method_cod doesn't hide but if i change it to another div ID ( for example, #payment ) it works!

I hope someone can help me. Thanks in advance!

Answer 1

There is a chance that other code might run which will result in not hiding the div you wanted. So what i would suggest is run this code the bottom of the site.

You can hook this code to the footer of the site using wp_footer hook

Comment or ask me if you have any doubts.

After Inspecting Questioner site.

Actually it is class not id . Please check it well. So the code should be follows

jQuery('.payment_method_cod').hide();

Whole code is

jQuery(document).ready(function(){
    if (jQuery('#Plaats').val() == "option_a") {

        jQuery('.payment_method_cod').hide();
    }
});

Answer 2

I think the script loaded to quick because the payment part of woocommerce is also done with jQuery. After adding in the setTimeout() function it worked!