Javascript jQuery在一个页面上加载多个页面，链接在单独的页面上

我试图编写一个页面，允许用户在同一页面上阅读，而不必跳转到第二页或任何相关的“下一页”

我可以通过在“主页”上预先定义它可以访问多少不同的页面以及要加载的每个页面的链接来实现这一点

我的问题是，链接位于文件夹位置中每个页面的底部，这可以做到吗？还是只能通过预先定义链接和div部分来实现

例如

这种方法适用于较小的文档，但应该分解较长的页面以防止较长的页面加载，这才是该脚本的真正用途

---

感谢所有关注此问题的人，以及建议解决方案的虚拟hi-five。

真的不清楚问题是什么。如果我没有说得很清楚的话，你肯定需要为像你的链接库这样的公共元素使用公共类。我有三个页面（main.html、ajax\u more.html和ajax\u seconds.html）和一个页面上的内容，从一个页面到另一个页面，最后一个页面结束。我可以创建一个页面，允许在main.html中加载所有三个页面，但只有在main上包含所有链接（“单击以获取更多”按钮），而不是在每个页面上都有一个链接时，我才能让它工作。正如我最初所说的，这对于较小的内容很好，但是对于多页内容，这意味着必须在主页上有多个链接，并且看起来相当混乱。您需要使用

on（）

来委托事件处理程序，以考虑将来添加的元素。。。

<div class="morebox">
<p>Halvah cheesecake wafer. Marzipan tart jujubes icing dessert cheesecake jujubes danish. Topping chocolate lemon drops.</p>
<p>Unerdwear.com danish unerdwear.com. Danish candy gingerbread cookie donut liquorice. Chocolate cake gummi bears toffee liquorice chocolate bar sweet soufflé applicake carrot cake.</p>
<p>Toffee bonbon ice cream wafer muffin applicake. Chocolate cake liquorice candy candy croissant bonbon jelly beans. Soufflé cotton candy donut biscuit danish. Jelly chocolate cake cotton candy unerdwear.com macaroon soufflé gummies tootsie roll.</p>
<p>Applicake icing cotton candy jelly-o pie cotton candy lollipop. Cupcake toffee cookie bonbon. Topping donut biscuit toffee apple pie.</p>
<p>Sugar plum marzipan jelly pie. Sugar plum biscuit sweet sugar plum bonbon. Wafer ice cream marshmallow.</p>
</div>

<div class="morebox-one"></div>
<a href="ajax_more.html" id="one">Click for More</a>

<div class="morebox-two"></div>
<a href="ajax_seconds.html" id="two">Click for More</a>

$("a").click(function(event){
var linkLocation = $(this).attr("href");
var ID = $(this).attr("id");
$("#"+ID).fadeOut(500);
$(".morebox-"+ ID).fadeOut(500, function () {
    $(".morebox-"+ ID).load(linkLocation, function () {
        $(".morebox-"+ ID).fadeIn(500)      
    });
});
return false;
});