我遇到了一个在Safari中无效的脚本问题。
如果选择了特定的支付网关,此脚本应更改woocommerce结帐页面上的继续按钮。此脚本不仅适用于Safari。
特别是在这一行:
jQuery('input#place_order').val('Weiter zur Finanzierung')
此脚本的所有其他部分都有效。我尝试将.val()
更改为.attr()
,但它也没有解决问题。
<div id="payment" class="woocommerce-checkout-payment">
<ul class="wc_payment_methods payment_methods methods">
<li class="wc_payment_method payment_method_bacs">
<input id="payment_method_bacs" type="radio" class="input-radio" name="payment_method" value="bacs" checked="checked" data-order_button_text="">
<label for="payment_method_bacs">Vorkasse</label>
<div class="payment_box payment_method_bacs" style="display: none;">
<p>Nach dem Zahlungseingang auf unser Konto, wird die Ware entsprechend der Verfügbarkeit schnellstmöglich versandt. Unsere Bankverbindung sehen Sie in der Zusammenfassung Ihrer Bestellung und zusätzlich in der darauf folgenden Bestätigungsmail.</p>
</div>
</li>
<li class="wc_payment_method payment_method_jetpack_custom_gateway">
<input id="payment_method_jetpack_custom_gateway" type="radio" class="input-radio" name="payment_method" value="jetpack_custom_gateway" data-order_button_text="">
<label for="payment_method_jetpack_custom_gateway">Finanzierung ab 0 % </label>
<div class="payment_box payment_method_jetpack_custom_gateway" style="display: block;">
<p>Im nächsten Schritt sehen Sie die Zusammenfassung Ihrer Bestellung und den weiterführenden Link „Finanzierungsangebot berechnen und Antrag stellen“. Sie können Laufzeit und monatliche Rate auswählen. Mit einem effektiven Jahreszins von 0% (6 – 36 Monatsraten) oder 6,9% (48 – 72 Monatsraten).</p>
</div>
</li>
</ul>
<div class="form-row place-order">
<p class="form-row terms wc-terms-and-conditions">
<input type="checkbox" class="input-checkbox" name="terms" id="terms">
<label for="terms" class="checkbox">Ich erkläre mich mit den <a href="https://www.hifi-systeme.de/agb-2/" target="_blank">AGB </a> einverstanden. <span class="required">*</span></label>
<input type="hidden" name="terms-field" value="1">
</p>
<input type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="Zahlungspflichtig bestellen" data-value="Zahlungspflichtig bestellen">
<input type="hidden" id="_wpnonce" name="_wpnonce" value="1395845530"><input type="hidden" name="_wp_http_referer" value="/kasse/?wc-ajax=update_order_review">
</div>
</div>
jQuery(function() {
jQuery('body')
.on('updated_checkout', function() {
usingGateway();
jQuery('input[name="payment_method"]').change(function() {
usingGateway();
});
});
});
function usingGateway() {
console.log(jQuery(".payment_method_jetpack_custom_gateway input[name='payment_method']:checked").val());
if (jQuery('.payment_method_jetpack_custom_gateway input[name="payment_method"]:checked').val() == 'jetpack_custom_gateway') {
jQuery('input#place_order').val('Weiter zur Finanzierung');
} else {
//console.log("Not using my gateway. Proceed as usual");
}
}