在下面的代码中,我试图在WooCommerce购物车页面购物车页面中,当选择的状态字段发生变化时,自动更新运费计算器,按状态区域显示运费。
add_action('wp_footer', 'state_update_checkout', 50);
function state_update_checkout() {
if ( ! is_cart() ) return;
?>
<script type="text/javascript">
$("[name='calc_shipping_state']").on('change', function(e) {
$("[name='calc_shopping']").trigger("click");
</script>
<?php
}
但是没有成功。我到底做错了什么?
你的代码有一些错误......试试下面的代码。
add_action('wp_footer', 'state_update_checkout', 50);
function state_update_checkout() {
if ( ! is_cart() ) return;
?>
<script type='text/javascript'>
jQuery(function($){
$('form.woocommerce-shipping-calculator').on( 'blur', 'select[name="calc_shipping_state"]', function(e) {
$(this).submit();
});
});
</script>
<?php
}
代码在你的活动子主题(或活动主题)的function.php文件中。经过测试,可以使用。