布倫特裏投遞不加載的Django

Question

我整合braintree到我django項目，並與drop-in付款形式的問題，它不加載，任何一個可以幫我看看我的模板，我失去了一些東西，並能看不出有什麼不對。我正在閱讀documentation在這個問題上，並使用this的例子，它只是重拍爲Django，這裏是我的模板，更多tagscharge_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 %} 

Answer 1

我已經通過建立我自己的自定義表格braintree付款解決了它。我沒有解決爲什麼他們的dropin沒有加載到我的模板中，也沒有喜歡hosted fields的方法，這很好，我只是不喜歡別碰，不要修改或者修改i-frame的形式，所以我做了使用bootstrap3創建一個表單並傳遞braintree.setup()中的表單ID。

{% 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 %}