添加Stripe JavaScript会禁用Bootstrap 3 Carousel中的动画

Question

I had a fully working carousel, but once I added stripe to my system to enable payments it disabled the animations so it just immediately changes pictures instead of sliding.

The javascript file for my stripe is

(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

When adding stripe to your layout, try removing "application" from the javascript_include_tag.

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

That worked for me.