云优cms列表页加载更多替代翻页

云优cms列表页加载更多替代翻页

云优cms列表页加载更多替代翻页

如下示例代码：

<script type="text/javascript">
    yunu.loadMore({

        url: '/index.php/api/list',

        btn: $('#load_more_btn'),

        box: $('#list'),

        load_icon_class: 'la-2x',

        data: {

            cid: {$cid},

            limit: 4

        },

        template: function(index, el) {

            // 模板

            return '<li data-id="' + el.id + '">' +

                '<div class="m"><a href="' + el.url + '"><img src="' + el.pic + '" alt=""></a></div>' +

                '<div class="text"> ' +

                '<h4>' + el.title + '</h4>' +

                '</div></li>';



        },

        beforeSend: function(XMLHttpRequest) {

            //console.log('请求发送');

        },

        done: function(res, textStatus, XMLHttpRequest) {

            //console.log('请求成功');

            var template = this.template;

            var context = this.box;

            $.each(res.data, function(index, el) {

                var items = $(template(index, el));

                setTimeout(function() {

                    context.append(items.addClass('fadeInDown animated'));

                }, 200 * (index + 1))

            });

        },

        fail: function(XMLHttpRequest, textStatus, errorThrown) {

            //console.log('请求失败');

        },

        always: function(XMLHttpRequest, textStatus, errorThrown) {

            //console.log('请求完成');

        }

    });
    </script>
<script>
    $(function() {

        $('.container ul li .m img').imgAuto();

    })
    </script>