jquery分页在ajax加载后不起作用

jquery pagination not work after ajax load

本文关键字：不起作用 加载 ajax 分页 jquery      更新时间：2023-09-26

我使用 jspages.js 从 jquery 创建分页。 第一次加载页面时一切都很好。 但是当分页内容在 Ajax 之后加载时，我有错误。 该插件工作:(。 这是我创建分页的代码。

<script src="js/jquery.js"></script>
<script src="js/jPages.js"></script>
<script src="js/jquery.lazyload.js"></script>
<script type="text/javascript">
    $(function() {
            $("ul li img").lazyload({
                    event : "turnPage",
                effect : "fadeIn"
        });
        $(".holder").jPages({
            containerID : "itemContainer",
            animation   : "fadeInUp",
            previous    : "Prev",
            next        : "Next",
            perPage     : 3,
            callback    : function( pages, items ){
                items.showing.find("img").trigger("turnPage");
                items.oncoming.find("img").trigger("turnPage");
                }
            });
    })
    </script>

Put your code after success from ajax
success: function(result) {
                 $(".holder").jPages({
            containerID : "itemContainer",
            animation   : "fadeInUp",
            previous    : "Prev",
            next        : "Next",
            perPage     : 3,
            callback    : function( pages, items ){
                items.showing.find("img").trigger("turnPage");
                items.oncoming.find("img").trigger("turnPage");
                }
            });
            },
相关文章：