hola, estoy construyendo mi proyecto con django framework pero tengo este problema cuando uso el método $('#myModal').modal("show") , cuando abro el código fuente funciona pero no muestra nada en la página de mi sitio web, esto es el codigo html

 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> Modal body text goes here. </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div>

este es el codigo js

 {% if error_connection == True %} <script> jQuery.noConflict(); $('#myModal').modal('show'); var input_username=document.getElementById('username_input'); var input_password=document.getElementById('password_input'); input_username.style.borderColor='Red'; input_password.style.borderColor='Red'; </script> {% endif %}