Jquery 提交后div的内容消失

Jquery 提交后div的内容消失,jquery,Jquery,我使用jQuery修改了页面上div元素的内容,并插入了来自不同页面的内容,如下所示: 插入内容的页面 <?php include('../includes/overall/overallHeader.php'); ?> <section class="content-header"> <h1>Einsatzliste</h1> </section> <script type="text/javascript"

我使用jQuery修改了页面上div元素的内容,并插入了来自不同页面的内容,如下所示:

插入内容的页面

<?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'); ?>

艾恩萨兹利斯特
$(文档).ready(函数(e){
变量$sidebarNavigationList=$(“#sidebarNavigationList”);
$($sidebarNavigationList).find('a').on('click',函数(e){
e、 预防默认值();
$('#mainContent').load('incents.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>

纬度
经度
侧栏导航内容

<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>

脚本按预期将内容正确加载到div“mainContent”中。这工作做得很好。我一按下提交按钮,div标签中的全部内容就消失了。当我用Chrome开发工具检查站点结构时,标签是空的


php文件不包含任何奇怪的代码。我对jQuery比较陌生。如何有效地检查错误或从何处开始。我在调试这个方面没有那么丰富的经验

我刚刚找到了答案。我完全走错路了。整个设置完全正常,脚本工作正常。问题是“提交”的表单输入类型。提交会导致页面完全重新加载。由于我没有在第一次加载时设置事件页面的初始显示,因此整个表单“消失”。最终它只是重新加载index.php。将类型更改为button解决了问题。

在您的events.php中,您编写了
include('../core/init.php')两次,我不知道里面有什么,但它可能会返回错误,请使用
include_once()
以便“如果文件中的代码已经包含,将不再包含”,谢谢您的提示。我删除了第二个包含。但是内容还是不见了是的,我知道,我还在寻找解决办法。对不起,格西。我不是故意粗鲁的。我可能走错了路。我非常感谢您的支持,以更好地控制AJAX请求