Question

我有一个完全正常工作的旋转木马，但是一旦我在我的系统中添加条纹以启用付款，它就禁用了动画，因此它只是立即更改图片而不是滑动。

我的条带的javascript文件是

(function() {
var subscription;

jQuery(function() {
Stripe.setPublishableKey($('meta[name="stripe-key"]').attr('content'));
return subscription.setupForm();
});

subscription = {
setupForm: function() {
  return $('#new_subscription').submit(function() {
    $('input[type=submit]').attr('disabled', true);
    if ($('#card_number').length) {
      subscription.processCard();
      return false;
    } else {
      return true;
    }
  });
},
processCard: function() {
  var card;
  card = {
    name: $('#subscription_name').val(),
    number: $('#card_number').val(),
    cvc: $('#subscription_cvc').val(),
    expMonth: $('#subscription_exp_month').val(),
    expYear: $('#subscription_exp_year').val()
  };
  return Stripe.createToken(card, subscription.handleStripeResponse);
},
handleStripeResponse: function(status, response) {
  if (response.error) {
    $('#stripe_error').text(response.error.message);
    return $('input[type=submit]').attr('disabled', false);
  } else {
    $('#subscription_stripe_card_token').val(response.id);
    return $('#new_subscription')[0].submit();
   }
 }
  };

}).call(this);

Answer 1

在布局中添加条纹时，请尝试删除＆＃34;应用程序＆＃34;来自javascript_include_tag。

<%= javascript_include_tag "https://js.stripe.com/v1/", "application" %>
到
<%= javascript_include_tag "https://js.stripe.com/v1/" %>

这对我有用。

在Bootstrap 3 Carousel中添加Stripe javascript禁用动画

1 个答案: