加载更多示例

加载更多跟分页道理是一样的
点击加载更多实际上就是加载下一页的内容
主要实现效果是
点击加载更多 加载的时候变成加载中 加载完成之后还是加载更多 如果没有文章就显示没有更多

代码示例

<div class="zzpd-rm" style="height: 58px;">
                    <h2  class="sub" id="sub" style="margin-top: 10px;">
                        <foreach name="subCategory"  item="vo" >
                            <a href="javascript:;" id="sub_{$vo.id}" <if condition="($key == 0)">class="active"</if>><div class="sub-dian"></div>{$vo.name}</a>
                        </foreach>
                    </h2>
                </div>

                <foreach name="subCategory"  item="vo1" key="key">
                <?php
                        if($vo1['id'] == 76 and $indexFlag == 0)
                        {

                    ?>
                <div class="news-main" style="display: block;" id="news_main_{$vo1.id}">
                    <div id="append_{$vo1.id}">
                        <article class="news-list clearfix">
                            <portal:articles limit="1" where="$where" order="post.published_time DESC" categoryIds="$vo1.id">
                            <div class="row">
                            <div class="col-md-3 column">
                                <a href="#" target="_blank">
                                    <img src="{:cmf_get_image_url($vo.more.thumbnail)}" width="100%" alt="">
                                </a>
                            </div>
                            <div class="col-md-9 column">
                                <div>
                                    <h2>
                                        <a href="{:url('portal/Article/index',array('id'=>$vo.id,'cid'=>$vo.category_id))}" target="_blank" class="link">{$vo.post_title}</a>
                                    </h2>
                                    <p class="desc">
                                       {$vo.post_excerpt}
                                    </p>
                                    <div class="date clearfix">
                                    <span class="cat-type">
                                        <volist name="$vo.categories" id="item">
                                            <a href="{:url