Woocommerceで都道府県を入力時、配送料金を自動で更新したい

Question

WordpressのECプラグイン「Woocommerce」で配送料金の設定をしました。

都道府県（地域ごと）に配送料金を設定をしております。
都道府県を切り替えて、F5キー等、リフレッシュを行うと配送料金が変わるのですが、
都道府県を変更時に配送料金をかわるようにしたいと考えております。

参考になるサイト
「WooCommerceの住所入力画面で送料を更新」
を参照し、記載されているコードをそのまま記載しました。

//都道府県を変更したときに、送料を更新する（請求先）
$('#billing_postcode').on('blur', function() {
    $( document.body ).trigger( 'update_checkout' )
})

$('#billing_state').on('change', function() {
    $( document.body ).trigger( 'update_checkout' )
})

//都道府県を変更したときに、送料を更新する（お届け先）
$('#shipping_postcode').on('blur', function() {
    $( document.body ).trigger( 'update_checkout' )
})

$('#shipping_state').on('blur', function() {
    $( document.body ).trigger( 'update_checkout' )
})

のファイル名「checkout.js」として子テーマのjsフォルダに保存。
functions.phpに

if(is_page('checkout')) {
    wp_enqueue_script( 'checkout-js',  get_theme_file_uri( '/js/checkout.js' ), ['jquery'], '1.0', true);
}

記載いたしましたが、都道府県を変更した際、
配送料金が更新されませんでした。

どなたかお分かりいただけますでしょうか。
よろしくお願いいたします。