Braintree 插件不加载 django答案

【问题标题】：Braintree drop-in not loading djangoBraintree 插件不加载 django
【发布时间】：2016-10-14 09:42:40
【问题描述】：

我正在将braintree 集成到我的django 项目中，并且drop-in 付款表单有问题，它没有加载，任何人都可以帮助我并查看我的模板，我缺少一些东西并且不能看看有什么问题。我正在阅读documentation 关于这件事并使用this 示例，它只是为django 重新制作的，这是我的模板，还有更多tags charge_form 和braintree_javascript_code 被加载到base.html。

{% extends "base.html" %}


{% block charge_form %}


<div class="container">
    <div class="row">
       <div class="col-xs-12 col-sm-6 col-sm-offset-3">
          <form class="" action="" method="post" id="example_form">
             {% csrf_token %} 
             <div id="dropin-container"></div>
             <input type="submit" value="Pay 300$" name="" id=""/>
          </form> 
       </div> 
    </div>
</div>
{% endblock %}


{% block braintree_javascript_code %}

<script src="https://js.braintreegateway.com/js/braintree-2.24.1.min.js"></script>
<script type="text/javascript">
    var client_token = '{{ request.session.braintree_client_token }}'; 
    braintree.setup(client_token, "dropin", {
        container: "dropin-container";
    });
</script>
{% endblock %}

【问题讨论】：

标签： javascript django django-forms django-templates braintree

【解决方案1】：

我已经解决了这个问题，我为自己构建了一个braintree 付款的自定义表单。我没有解决为什么他们的dropin 没有加载到我的模板中，并且不喜欢hosted fields 方法，这很好，我只是不喜欢不要触摸，不要样式或修改@987654324 @form，所以我用 bootstrap3 制作了一个表单，并将表单 id 传递到braintree.setup()。

{% extends "base.html" %}

{% block braintree_charge_form %}

<div class="row">
    <p style="padding:60px"></p>
</div>


<div class="container">
    <div class="row">
       <div class="col-xs-12 col-sm-6 col-sm-offset-3">
          <form class="" action="" method="post" id="example_form">
             {% csrf_token %} 
            <div class="form-group">
                <label for="card-number">Card Number</label>
                <input type="" class="form-control" id="card-number" placeholder="Card Number">
              </div>
              <div class="form-group">
                <label for="security-code-field">CVV</label>
                <input type="" class="form-control" id="security-code-field" placeholder="CVV">
              </div>
              <div class="form-group">
                <label for="expiration-date">Expiration Date</label>
                <input type="" class="form-control" id="expiration-date" placeholder="Expiration Date">
              </div>
              <button type="submit" class="btn btn-default">Submit</button>
          </form> 
       </div> 
    </div>
</div>
{% endblock %}


{% block braintree_javascript_code %}

<script src="https://js.braintreegateway.com/js/braintree-2.24.1.min.js"></script>
<script type="text/javascript">
    var client_token = '{{ request.session.braintree_client_token }}'; 
    braintree.setup(client_token, "custom", {
        id: "example_form";
    });
</script>
{% endblock %}

【讨论】：