在Bootstrap 3旋轉木馬中添加Stripe javascript禁用動畫

我有一個完全正常工作的旋轉木馬，但是一旦我將條紋添加到我的系統以啓用付款功能，它就會禁用動畫，以便它立即改變圖片而不是滑動。在Bootstrap 3旋轉木馬中添加Stripe javascript禁用動畫

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

來源

2014-01-21 moosilauke18

請將代碼發佈到JSFiddle，以便我們可以看到它？ –

好吧，因爲它是一個rails項目，所以很難放入JSFiddle。我可以將所有內容放入應用程序中。我可以讓輪播工作，但添加上面的JS文件不會複製我的問題。這是我製作的JSFiddle：http://jsfiddle.net/LzdUa/13/ – moosilauke18

是的，我在想這可能有點難以發佈。一旦添加了條紋腳本並且輪播打破了，您是否收到任何js錯誤？ –

當添加條紋布局，嘗試從javascript_include_tag刪除「應用程序」。

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

爲我工作。

來源

2016-07-21 15:58:15

在Bootstrap 3旋轉木馬中添加Stripe javascript禁用動畫

回答

相關問題