Почему Modal Box исчезает после завершения загрузки веб-страницы? - PullRequest
Новая
       7

Почему Modal Box исчезает после завершения загрузки веб-страницы?

0 голосов
/ 27 сентября 2018

Я пытаюсь отобразить результат поиска (используя поиск Django) в модальном поле.Надеемся, что когда пользователь нажмет кнопку «поиск», появится модальное окно и результат будет отображен в модальном окне.Теперь, после того как я нажму кнопку «поиск», после текущего URL-адреса будет добавлено «? Q = XXX », и пока страница загружает новый URL-адрес, появится модальное поле с результатом.,Тем не менее, как только страница завершит загрузку нового URL-адреса, модальное поле исчезнет.Почему это происходит, и как я могу это исправить?Огромная благодарность заранее.

HTML-шаблон 

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <link rel='stylesheet' href="{% static 'css/inText_Search.css' %}" />

...
...

<form  method="GET" action="">
  <input type="text" value = '{{ request.GET.q }}' name ='q' placeholder="Search within this manuscript..." style="display:inline-block; width:55%">
    <button class="btn btn-success" type="submit" data-toggle="modal" data-target="#searchModal"> search </button>
</form>

<div class="modal fade" id="searchModal" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <span class="close" data-dismiss="modal">&times;</span>
      <p><font color = 'red'>{{ request.GET.q }}</font> found on:
         <ul>
          {% for found_page in search_result %}
             <script type=text/javascript>
                     var found_page_number='{{found_page.id_tei}}'
                     var found_page_number = found_page_number.slice(-3)
                     console.log('found on');
                     console.log(found_page_number);
             </script>
             <li>
                <a href="/page/{{found_page.id_tei}}">
                  Page
                  <script type='text/javascript'>
                     document.write(found_page_number)
                  </script>
                </a>
              </li>
          {% endfor %}
         </ul>
       </p>
     </div>
   </div>
</div>

views.py для поиска: 

def pageinfo(request,id):
     ...
     query = request.GET.get("q")
     search_result=[]
     if query:
        search_result = possible_pages.filter(fulltext__icontains=query)

     template_name='viewpage.html'   
     return render(request,template_name, {'search_result': search_result, ...other arguments})
...