如何在HTML中创建AJAX分页？

Question

我的代码：

$(document).ready(function(){
    $("#conteudo").click(function( e ){
        e.preventDefault();
        var href = $( this ).attr('href');
        $('#paginacao a').load(href +'#conteudo');
    });
});

---

<ul id="paginacao">
            <li><a href="index.html">1</a></li>
            <li><a href="pagina2.html">2</a></li>
</ul>

不工作，缺少什么？ 帮助！

Answer 1

你已经绑定了UL元素本身。您应该绑定到链接（A）

$(document).ready(function(){
   $("#conteudo a").click(function( e ){
       e.preventDefault();
       var href = $( this ).attr('href');
       $('#paginacao a').load(href +'#conteudo');
   });
});

此外，这段代码

       $('#paginacao a').load(href +'#conteudo');

您是否尝试将AJAX调用的内容加载到链接中？你不应该将它装入一个单独的容器吗？