Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery分页php返回数据_Javascript_Jquery_Pagination - Fatal编程技术网

Javascript jquery分页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

我使用这个jquery从服务器的php文件中获取分页数据。php文件生成分页,并以json格式返回与这些分页相关的数据。我的分页数据以li标记列表的形式返回,我使用它来替换html文件中已经存在的引导分页

最初,这是由我的php文件生成的

<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>