title: Why after parsing template ,my modals doesn't work
body: <p>My reply comment modal doesn't work after I parsed the templates(navigation,footer,base).But if I put them all in same page (not parsing) is working.If I parse them,the modal reply (id=&quot;modal-reply&quot;) doesnt't work.Can anyone help me?What should I do to fix that?</p>
  <pre><code>commentsAdmin.html
  
      {% extends 'AdminTemplates/baseAdmin.html' %}
      {% load static %}
          {% block contentAdmin %}
        
        &lt;div class=&quot;content-wrapper&quot;&gt;
          &lt;div class=&quot;container-fluid&quot;&gt;
            &lt;!-- Breadcrumbs--&gt;
            &lt;ol class=&quot;breadcrumb&quot;&gt;
              &lt;li class=&quot;breadcrumb-item&quot;&gt;
                &lt;a href=&quot;{% url 'indexAdmin' %}&quot;&gt;Anasayfa&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class=&quot;breadcrumb-item active&quot;&gt;Yorumlar&lt;/li&gt;
            &lt;/ol&gt;
              &lt;div class=&quot;box_general&quot;&gt;
                  &lt;!-- &lt;div class=&quot;header_box&quot;&gt;
                      &lt;h2 class=&quot;d-inline-block&quot;&gt;Yorumlar&lt;/h2&gt;
                      &lt;div class=&quot;filter&quot;&gt;
                          &lt;select name=&quot;orderby&quot; class=&quot;selectbox&quot;&gt;
                              &lt;option value=&quot;Any time&quot;&gt;Any time&lt;/option&gt;
                              &lt;option value=&quot;Latest&quot;&gt;Latest&lt;/option&gt;
                              &lt;option value=&quot;Oldest&quot;&gt;Oldest&lt;/option&gt;
                          &lt;/select&gt;
                      &lt;/div&gt;
                  &lt;/div&gt; --&gt;
                  &lt;div class=&quot;list_general reviews&quot;&gt;
                      &lt;ul&gt;
      
                          &lt;!-- {{stars}}
                           --&gt;
                          {% for comment in comments %}
                              &lt;li&gt;
                                  &lt;span&gt;{{comment.created_date}}&lt;/span&gt;
                                  &lt;span class=&quot;rating&quot;&gt;
      
                                   
                                   {% for star in comment.getStar %}
                                   &lt;i class=&quot;fa fa-fw fa-star yellow&quot;&gt;&lt;/i&gt;
                                   {% endfor %}
                                   {% for star in comment.getNoneStar %}
                                   &lt;i class=&quot;fa fa-fw fa-star&quot;&gt;&lt;/i&gt;
                                   {% endfor %}
                                   &lt;/span&gt;
                                       
                                      
                                  &lt;figure&gt;&lt;img src=&quot;{{comment.course.image.url}}&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
                                  &lt;h4&gt;{{comment.course.title}}&lt;/h4&gt;
                                  &lt;p&gt;{{comment.comment}}&lt;/p&gt;
                                  &lt;p class=&quot;inline-popups&quot;&gt;&lt;a href=&quot;#modal-reply&quot; data-effect=&quot;mfp-zoom-in&quot; class=&quot;btn_1 gray&quot;&gt;&lt;i class=&quot;fa fa-fw fa-reply&quot;&gt;&lt;/i&gt; Reply to this review&lt;/a&gt;&lt;/p&gt;
                              &lt;/li&gt;
                          {% endfor %}
                         
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              
            &lt;/div&gt;
            &lt;!-- /container-fluid--&gt;
          &lt;/div&gt;
      
          {% endblock contentAdmin %}
     
          {% block scriptsAdmin %}
      
          &lt;!-- Bootstrap core JavaScript--&gt;
          &lt;script src=&quot;{% static 'assetsAdmin/vendor/jquery/jquery.min.js' %}&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;{% static 'assetsAdmin/vendor/bootstrap/js/bootstrap.bundle.min.js' %}&quot;&gt;&lt;/script&gt;
          
          &lt;!-- Core plugin JavaScript--&gt;
          &lt;script src=&quot;{% static 'assetsAdmin/vendor/jquery-easing/jquery.easing.min.js' %}&quot;&gt;&lt;/script&gt;
          &lt;!-- Page level plugin JavaScript--&gt;
          &lt;script src=&quot;{% static 'assetsAdmin/vendor/chart.js/Chart.js' %}&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;{% static 'assetsAdmin/vendor/datatables/jquery.dataTables.js' %}&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;{% static 'assetsAdmin/vendor/datatables/dataTables.bootstrap4.js' %}&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;{% static 'assetsAdmin/vendor/jquery.selectbox-0.2.js' %}&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;{% static 'assetsAdmin/vendor/retina-replace.min.js' %}&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;{% static 'assetsAdmin/vendor/jquery.magnific-popup.min.js' %}&quot;&gt;&lt;/script&gt;
          &lt;!-- Custom scripts for all pages--&gt;
          &lt;script src=&quot;{% static 'assetsAdmin/js/admin.js' %}&quot;&gt;&lt;/script&gt;
          &lt;!-- Custom scripts for this page--&gt;
      {% endblock scriptsAdmin %}
  </code></pre>
  <p>my footer file</p>
  <pre><code>&lt;footer class=&quot;sticky-footer&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;text-center&quot;&gt;
          &lt;small&gt;Copyright ©&lt;/small&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/footer&gt;
    &lt;!-- Scroll to Top Button--&gt;
    &lt;a class=&quot;scroll-to-top rounded&quot; href=&quot;#page-top&quot;&gt;
      &lt;i class=&quot;fa fa-angle-up&quot;&gt;&lt;/i&gt;
    &lt;/a&gt;
  
  
  
    
      &lt;!-- Reply to review popup --&gt;
  &lt;div id=&quot;modal-reply&quot; class=&quot;white-popup mfp-with-anim mfp-hide&quot; aria-hidden=&quot;true&quot;&gt;
      &lt;div class=&quot;small-dialog-header&quot;&gt;
          &lt;h3&gt;Reply to review&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class=&quot;message-reply margin-top-0&quot;&gt;
          &lt;div class=&quot;form-group&quot;&gt;
              &lt;textarea cols=&quot;40&quot; rows=&quot;3&quot; class=&quot;form-control&quot;&gt;&lt;/textarea&gt;
          &lt;/div&gt;
          &lt;button class=&quot;btn_1&quot;&gt;Reply&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
          
  </code></pre>