содержания DIV исчезает после подачи

Question

я изменил содержание сНа элемента на моей странице с JQuery и вставить содержимое из другой страницы, как это:

страницу, где вставленных содержание

<?php include('../includes/overall/overallHeader.php'); ?> 

<section class="content-header"> 
    <h1>Einsatzliste</h1> 
</section> 

    <script type="text/javascript"> 
     $(document).ready(function(e){ 
      var $sidebarNavigationList = $('#sidebarNavigationList'); 
      $($sidebarNavigationList).find('a').on('click', function(e){ 
       e.preventDefault(); 
       $('#mainContent').load('incidents.php') 
      }); 
     }); 
    </script> 

<section class="content"> 
    <div id="mainContent"> 

    </div> 
</section> 

<?php include('../includes/overall/overallFooter.php'); ?> 

Страница, где содержание берется из

<?php include('../core/init.php'); ?> 
<?php include('../core/db_connect.php'); ?> 
<?php include('../core/init.php'); ?> 

<form action="" method="post"> 
    <div class="field"> 
     <label for="latitude">Latitude</label> 
     <input type="text" name="latitude" id="latitude" autocomplete="off"> 
    </div> 
    <div class="field"> 
     <label for="longitude">Longitude</label> 
     <input type="text" name="longitude" id="longitude" autocomplete="off"> 
    </div> 
    <input type="submit" id="submit" value="Einsatz anlegen"> 
</form> 

Sidebar содержание навигации

<div class="navbar-default sidebar" role="navigation"> 
    <div class="sidebar-nav navbar-collapse" id="sidebarNavigationList"> 
     <ul class="nav in" id="side-menu"> 
      <li><a href="" id="pageIncidents">Einsatzliste</a></li> 
     </ul> 
    </div> 
</div> 

Скрипт корректно загружает содержимое в сНу «MainContent», как и ожидалось. Эта работа прекрасна. Как только я нажму кнопку отправки, все содержимое в тегах div исчезнет. Когда я проверяю с помощью инструментов Chrome dev структуру сайта, теги пустые.

php-файл не содержит какой-либо странный код для меня, который бы вызвал это. Я относительно новичок в jQuery. Как я могу с пользой проверить ошибку или с чего начать. Я не испытываю такой отладки.

Answer 1

Я только что нашел ответ. Я полностью ошибался. Вся настройка полностью прекрасна, и скрипт работает так, как ожидалось. Проблема заключается в форме ввода типа «submit». Отправить вызывает полную перезагрузку страницы. Поскольку я не устанавливал начальное отображение страницы инцидентов при загрузке в первый раз, вся форма «исчезает». В конце концов он просто перезагрузил index.php. Изменение типа кнопки решило проблему.