gpt4 book ai didi

php - WooCommerce 中的类以使用 Jquery 显示/隐藏

转载 作者:行者123 更新时间:2023-11-28 16:22:43 27 4
gpt4 key购买 nike

我一直在尝试修改 WooCommerce,以显示礼物复选框。到目前为止,它正在显示它,但当我单击复选框时它并没有隐藏/显示它。

我在 functions.php 上使用的代码是:

/**
* Add the field to the checkout
**/
add_action( 'woocommerce_after_order_notes','wordimpress_custom_checkout_field' );

function wordimpress_custom_checkout_field( $checkout ) {

echo '<div id="my_custom_checkout_field"><h3>' . __( 'Is this a gift?' ) . '</h3><p style="margin: 0 0 8px;">Please check below to indicate if this is a gift</p>';

woocommerce_form_field( 'gift_checkbox', array(
'type' => 'checkbox',
'class' => array( 'gift-checkbox form-row-wide' ),
'label' => __( 'Yes' ),
), $checkout->get_value( 'gift_checkbox' ) );

woocommerce_form_field( 'to_textbox', array(
'type' => 'text',
'class' => array( 'to-text form-row-wide' ),
'label' => __( 'To' ),
), $checkout->get_value( 'to_textbox' ) );

woocommerce_form_field( 'from_textbox', array(
'type' => 'text',
'class' => array( 'from-text form-row-wide' ),
'label' => __( 'From' ),
), $checkout->get_value( 'from_textbox' ) );

woocommerce_form_field( 'message_textbox', array(
'type' => 'text',
'class' => array( 'message-text form-row-wide' ),
'label' => __( 'Message' ),
), $checkout->get_value( 'message_text' ) );

echo '</div>';
}

现在我尝试将它隐藏在 css 中:

.to-text{ display:none; }
.from-text{ display:none; }
.message-text{ display:none; }

我在 script.js 中使用的 jQuery 代码是:

$( ".gift-checkbox " ).click(function() {
$( ".to-text form-row-wide" ).slideToggle();
$( ".from-text form-row-wide" ).slideToggle();
$( ".message-text form-row-wide" ).slideToggle();
});

我做错了什么?

我不明白为什么不起作用。

最佳答案

您的选择器不正确。

$( ".to-text form-row-wide" ).slideToggle();
$( ".from-text form-row-wide" ).slideToggle();
$( ".message-text form-row-wide" ).slideToggle();

应该是

$( ".to-text" ).slideToggle();
$( ".from-text" ).slideToggle();
$( ".message-text" ).slideToggle();

此外,您应该将类​​更改为 id,除非可能有多个。

关于php - WooCommerce 中的类以使用 Jquery 显示/隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36552946/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com