jQuery .val()doeen在safari中工作

时间:2017-07-07 11:06:50

标签: javascript jquery wordpress safari woocommerce

我遇到了一个在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");
  }
}

0 个答案:

没有答案