jquery - 如何在 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 调用的内容加载到链接中？您不应该将其加载到单独的容器中吗？