php - ajax加载后jquery分页不起作用

Question

我使用 jspages.js 从 jquery 创建分页。第一次加载页面时一切正常。但是在 ajax 之后加载分页内容时出现错误。插件dint工作:(。这是我创建分页的代码。

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

Answer 1

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");
                }
            });

            },