我正在处理我的第一个 Ajax 项目,但我找不到解决此问题的方法:
这是我的 Ajax 代码:
$(document).ready(function(){
var seite = $('div.ipadSeite');
$('a').on('click', function(e){
var href = $(this).attr('href');
seite.load( href );
e.preventDefault();
});
});
这是 index.php:
....<div id="ipadHeader">
<nav>
<ul>
<li>100% |=|</li>
<li>
<?php
echo date("h:i a");
?>
</li>
<li>TWT</li>
</ul>
</nav>
</div>
<div class="ipadSeite">
<img src="../images/homescreen.png" id="homescreenImage" />
<a href="seiten/1app.php"><div id="appIcon"><p>TWT</p></div></a>
</div>
</div>....
首次启动应用程序时,链接:a href="seiten/1app.php 正在工作!所以我创建了一个主页按钮以返回 index.php。这是通过 Ajax 加载的文件以返回“主页” :
<img src="../images/homescreen.png" id="homescreenImage" />
<a href="informationen.php"><div id="appIcon"><p>TWT</p></div></a>
它只是在“ipadSeite”中加载相同的内容。我的第一个问题:这是错的吧?它应该更容易吗?但是当链接到 index.php 时,它会加载整个站点(页眉、页脚 ..)并且功能会中断。
第二个问题:我的解决方案有效,但是当我再次单击该按钮时,它不会发出 Ajax 请求。相反,它会打开一个常规链接,但没有 CSS。我真的找不到任何解决方案。我希望你们理解我的问题和我的解释。
非常感谢你!凯文