Question

我有一个要解决的任务，我是js和东西的新手，所以请帮我解决这个问题。我在php中有这个（我使用php因为我也需要使用数据库）：

我想要的是将外部html内容放在容器中而不重新加载整个页面。让我们调用外部内容link1.html;link2.html ...

加载页面时，我希望带有link1.html内容的容器也可用，可以通过单击link1来调用。

我尝试了jquery和东西，但它对我来说并不适用。我想使用外部js或ajax或jquery或类似的东西。请帮忙！！！提前感谢大家！

<div id="links">
    <ul>
        <li id="link1">link1</li>

        <li id="link2">link1</li>

        <li id="link3">link1</li>

        <li id="link4">link1</li>

    </ul>
</div>
<div id="container"></div>

Answer 1

您可以使用load()，$.get()或$.ajax来加载内容，例如：

<div id="links">
    <ul>
        <li id="link1"><a href='path'>link1</a></li>
        ...
    </ul>
</div>

$('#links a').on('click', function(event) {
   event.preventDefault();
   $('#container').load(this.href); 
});

使用导致外部的div中的链接更改div内容

1 个答案: