添加 Stripe javascript 会禁用 Bootstrap 3 Carousel 中的动画答案

【问题标题】：Adding Stripe javascript disables animations in Bootstrap 3 Carousel添加 Stripe javascript 会禁用 Bootstrap 3 Carousel 中的动画
【发布时间】：2014-02-11 13:20:58
【问题描述】：

我有一个可以正常工作的轮播，但是一旦我在我的系统中添加了条纹以启用支付，它就禁用了动画，所以它只是立即改变图片而不是滑动。

我的条带的 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);

【问题讨论】：

请将代码发布到 JSFiddle 以便我们查看？
因为它是一个 Rails 项目，所以很难放入 JSFiddle。我可以将所有内容放入应用程序中。我可以让旋转木马工作，但添加上面的 JS 文件并不能复制我的问题。这是我制作的 JSFiddle：jsfiddle.net/LzdUa/13
是的，我在想它可能有点难以发布。添加 Stripe 脚本和轮播中断后，您是否遇到任何 js 错误？
我找不到任何错误。虽然我想我可能已经找到了问题所在。我将 Stripe.setPublishableKey($('meta[name="stripe-key"]').attr('content')); 移到了 jQuery 函数之外。它似乎已经解决了动画问题并且仍然有效。我不知道为什么这会导致它失败。

标签： javascript jquery twitter-bootstrap twitter-bootstrap-3 stripe-payments

【解决方案1】：

在您的布局中添加条带时，请尝试从 javascript_include_tag 中删除“应用程序”。

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

这对我有用。

【讨论】：