Пробовал другие темы с похожими проблемами, но безрезультатно. Я вроде застрял.
На странице корзины я хочу скрыть div с классом .woocommerce-shipping-destination
Это должно отображаться, если есть какая-либо кнопка переключателя, кроме выбрано следующее:
<li>
<input type="radio" name="shipping_method[0]" data-index="0" id="shipping_method_0_local_pickup5" value="local_pickup:5" class="shipping_method" checked="checked">
<label for="shipping_method_0_local_pickup5">Hämta själv</label>
</li>
Проблема, с которой я сталкиваюсь, заключается в том, что теперь пикап выбран по умолчанию, чего не должно быть, и div скрыт. Однако, если я начинаю выбирать другие радиокнопки, div показывается и никогда не скрывается снова. Что я делаю не так?
<?php
add_action( 'wp_head', function () { ?>
<script>
jQuery( document ).ready(function( $ ) {
$('input[type="radio"]').click(function () {
if ($(this).attr("value") == "local_pickup:5") {
$(".woocommerce-shipping-destination").hide('slow');
}
if ($(this).attr("value") == "msunifaun_web-ta:6") {
$(".woocommerce-shipping-destination").show('slow');
}
});
$('input[type="radio"]').trigger('click'); // trigger the event
});
</script>
<?php } );
Есть ли что-то связанное с тем, что кнопки на кнопке обновлены ajax?