Actualmente uso esta biblioteca en django https://github.com/trco/django-bootstrap-modal-forms
Tengo esto en mi script js:
function initializeBSModal(modalId) { const Modal = $(modalId); Modal.modalForm({ modalID: '#bs-modal', modalContent: '#bs-modal-content', modalForm: '#bs-modal-content form', formURL: Modal.data('form-url'), }); }Cada vez que se usa, se inicializa correctamente, pero si en algún caso se llama dos veces (por ejemplo, dibujar un evento en la tabla), se inicializa una segunda vez, ejecutándose dos o más veces al solicitar GET a la Vista (solo GET no en POST)
Ejemplo de código:
{% block content %} <div id="bs-modal-create" class="" data-form-url="{% url 'create_item' %}"> CREATE </div> {% endblock %} {% block scripts %} <script> initializeBSModal('#bs-modal-create'); initializeBSModal('#bs-modal-create'); -> This causes 2 initialization, 2nd GET </script> {% endblock %}¿Cómo puedo solo inicializar modales no inicializados?
Solucionarlo con Modal.off('click');
function initializeBSModal(modalId) { const Modal = $(modalId); Modal.off('click'); Modal.modalForm({ modalID: '#bs-modal', modalContent: '#bs-modal-content', modalForm: '#bs-modal-content form', formURL: Modal.data('form-url'), }); }