【技术】点击后，添加更多内容，即：瀑布流

用$.ajax()和$.append()方法。

 

原页面如下：

 

点击查看更多后，添加了第5题：

 

再次点击查看更多后，又添加了一个第5题：

第一步：在HTML里写入“查看更多”的代码。格式如下

<div>

　　<ul class="question_list1">

　　　　<li></li>

　　　　<li></li>

　　　　<li></li>

　　　　<li></li>

　　</ul>

</div>

<a id="js_more" class="a_more" href="##">
      查看更多
</a>

 

第二步：新建一个HTML文档，文件名“test5_1.html”，保存在文件夹里，代码内容如下：

<li></li>

<!--和第一步中 li 元素的样式命名皆相同-->

 

第三步：在HTML代码下部，body之内，添加如下代码：

<script>
        $('#js_more').click(function(){
            $.ajax({
                url: 'test5_1.html',
                type: 'get',
                dataType: 'html',
                success:function(html){
                    $(".question_list1").append(html);
                }
            });
        });    
</script>