0

我用这些链接制作了一个侧面菜单：

<div id="menu_lat">
    <a href="http://localhost:8080/sgf/form_proposta.php">Orçamentos</a>
    <a href="relatorios.html">Relatórios</a>
    <a href="proximos.html">Próximos Eventos</a>
    <a href="chat.html">Chat</a>
</div>

当我打开其中一个时，内容会在另一个 div 中打开（在第一页中，已经有一些内容，即图像）：

<div id="conteudo">
    <img src="img/foto_inicial.jpg">
</div>

单击该链接时，如何在该层中加载 PHP 文件？

4

2 回答 2

3

使用 jQuery 和load()函数

用课程更新你的链接

<div id="menu_lat">
    <a class="loader" href="http://localhost:8080/sgf/form_proposta.php">Orçamentos</a>
    <a class="loader" href="relatorios.html">Relatórios</a>
    <a class="loader" href="proximos.html">Próximos Eventos</a>
    <a class="loader" href="chat.html">Chat</a>
</div>

然后在您的<script>标签中添加它以使用类加载器处理链接上的点击事件。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $('.loader').click(function(event) {
        event.preventDefault(); // stop the link loading the URL in href
        $('#conteudo').load($(this).attr('href'));
    }); 
});
</script>
于 2013-05-30T15:50:05.177 回答
1

在 DIV id conteudo 上执行 Ajax 调用

于 2013-05-30T15:46:10.620 回答