Brainty drop-in not loading 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().

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