WooCommerce выполняет действие при вводе поля оформления заказа

#php #jquery #wordpress #woocommerce

Вопрос:

У меня есть это поле при оформлении заказа в woocommerce:

 <input type="text" class="input-text wfacp-form-control" name="zipcode" id="zipcode" placeholder="" value="">
 

Я пытаюсь запустить действие, когда это поле изменяется.
Код, который я пробовал, это:

 add_action('wp_head', function() {
    if ( is_checkout ) {

        ?><script>
           
     jQuery('input#zipcode').change(function() { 
          alert('Changed!')
     });
    
        </script><?php
    }
});
 

К сожалению, это не работает. Может кто-нибудь подсказать мне правильное направление?
Спасибо

Ответ №1:

Самый большой недостаток в вашем коде-это то, что is_checkout должно быть is_checkout() . Кроме того, то, как вы применяете jQuery, неверно

Таким образом, вы получаете:

 // jQuery code
function action_wp_head() {
    if ( is_checkout() ) {
    ?>
    <script type="text/javascript">
    jQuery(function($) {
        // Selector
        $( 'input#zipcode' ).change(function() {
            alert( 'Changed!' );
        });
    });
    </script>
    <?php
    }
}
add_action( 'wp_head', 'action_wp_head' );