Javascript jquery分页php返回数据
我使用这个jquery从服务器的php文件中获取分页数据。php文件生成分页,并以json格式返回与这些分页相关的数据。我的分页数据以li标记列表的形式返回,我使用它来替换html文件中已经存在的引导分页 最初,这是由我的php文件生成的Javascript jquery分页php返回数据,javascript,jquery,pagination,Javascript,Jquery,Pagination,我使用这个jquery从服务器的php文件中获取分页数据。php文件生成分页,并以json格式返回与这些分页相关的数据。我的分页数据以li标记列表的形式返回,我使用它来替换html文件中已经存在的引导分页 最初,这是由我的php文件生成的 <ul> <li class="active"><a>1 </a></li> <li><a href="#2">2</a></li> </ul&g
<ul>
<li class="active"><a>1 </a></li>
<li><a href="#2">2</a></li>
</ul>
有什么问题吗?您应该使用上的来显示动态内容。试一试
$(document).on('click', '#pagination li a', function() {
事件委派是一种事件处理技术,其中
将事件处理程序直接附加到要侦听的每个元素
要启用上的事件,可以将单个事件处理程序附加到的父元素
这些元素用于侦听在其子代上发生的事件
元素
加载页面时,您正在将单击事件绑定到现有元素。替换列表时,事件将与旧元素一起删除。您需要的是在AJAX返回时再次调用初始化函数(有点笨拙),或者更好地使用
.on()
如下:
$("#pagination-container").on("click", "li a", function() {
// same as your handler
});
注意,分页容器必须保留在页面中,即不通过AJAX更新:
<div id="pagination-container">
<ul>
...pagination as in your code
</ul>
</div>
…与代码中相同的分页
我假设AJAX会返回…
内容。非常感谢,但是为什么它会优先于1而不是2?您应该花一些时间研究事件委派。本文可能会有所帮助,因为我有jquery 1.8文档,我找不到任何与deligation相关的内容,但值得注意的是,从jquery 1.7开始,1.7+中不再支持.delegate。delegate()已被.on()方法取代。但是,对于早期版本,它仍然是使用事件委派的最有效方法。参考:谢谢,你的答案也很有效,我希望stack能允许你做出多个正确的答案
$("#pagination-container").on("click", "li a", function() {
// same as your handler
});
<div id="pagination-container">
<ul>
...pagination as in your code
</ul>
</div>