我是這方面編碼的新手，我現在研究了很多網站，并嘗試在 Woocommerce 中建立自己的結帳字段。它應該是一個結帳字段，當它被選中時，應該會彈出一些信息或警告，它可以正常顯示在結帳頁面上，但我的腳本不起作用。add_filter( 'woocommerce_checkout_fields', 'add_custom_checkout_fields' );function add_custom_checkout_fields( $fields ) { $fields['billing']['checkbox_trigger'] = array( 'type' => 'checkbox', 'label' => __('You dont live in Germany?', 'woocommerce'), 'class' => array('form-row-wide'), 'clear' => true ); return $fields;}add_action( 'woocommerce_after_checkout_billing_form', 'echo_notice_billing' );function echo_notice_billing() { echo '<div class="billing-notice woocommerce-info" style="display:none">It may take forever</div>';}add_action( 'woocommerce_after_checkout_form', 'show_notice_billing' );function show_notice_billing(){ ?> <script> jQuery(document).ready(function($){ $('checkbox_trigger').change(function(){ if(this.checked){ $('billing-notice').show(); } else { $('billing-notice').hide(); } }); }); </script> <?php}
1 回答
慕桂英4014372
TA貢獻1871條經驗 獲得超13個贊
您的 jQuery 腳本中存在一些錯誤……嘗試將您的相關函數替換為：
add_action( 'woocommerce_after_checkout_form', 'show_notice_billing' );
function show_notice_billing(){
?>
<script>
jQuery(function($){
$('#checkbox_trigger').click(function(){
if($(this).is(':checked') ){
$('.billing-notice').show();
}
else {
$('.billing-notice').hide();
}
});
});
</script>
<?php
}
測試和工作。
- 1 回答
- 0 關注
- 177 瀏覽
添加回答
舉報
0/150
提交
取消