Jquery 提交后div的内容消失
我使用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"
<?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请求