精华内容
下载资源
问答
  • jQuery 上拉加载更多

    千次阅读 2019-04-26 09:52:59
    本demo是窗口的滚动条事件,如果需要指定某个元素做上拉加载功能,请手动修改container 和content 的参数值,别忘了给container 元素设置有滚动条的CSS属性。 在线演示地址:http://www.jq22.com/webqd59...

    上拉加载,当用户浏览到页面底部时候,自动加载下一页的内容

    不管是上拉加载还是下拉刷新,其实都离不开一个关键的事件:滚动条滚动事件。

    本demo是窗口的滚动条事件,如果需要指定某个元素做上拉加载功能,请手动修改 container 和 content 的参数值,别忘了给 container 元素设置有滚动条的CSS属性

    在线演示地址:http://www.jq22.com/webqd5959

    源码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>jQuery上拉加载</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <script type="text/javascript" src="https://mydarling.gitee.io/resource/jQuery/jquery-3.1.1.min.js"></script>
        <style type="text/css">
            body{
                padding: 0;
                margin: 0;
                font-family: "Helvetica", "Microsoft YaHei", sans-serif;
                font-size: 14px;
                color: #333;
            }
            .title{
                padding: 10px;
                font-size: 18px;
            }
            .item{
                line-height: 40px;
                padding: 0 10px;
                border-top: #e5e5e5 solid 1px;
            }
            .item:active{
                background-color: #f3f3f3;
            }
            .loading{
                line-height: 40px;
                border-top: #e5e5e5 solid 1px;
                text-align: center;
                font-size: 12px;
                color: #999;
            }
        </style>
    </head>
    <body>
    
    <div class="title">人员列表:</div>
    <div id="list"></div>
    <div class="loading" id="load">上拉加载更多</div>
    
    
    <script type="text/javascript">
        /* jQuery类级别插件扩展 */
        $.extend({
            onReachBottom:function (params,callFn) {
                if(!params.container || !params.content){
                    console.error('缺失必要的参数');
                    return;
                }
    
                var $container=params.container,
                    $content=params.content,
                    distance=params.distance || 30;
    
                $container.scroll(function() {
                    var awayBtm =$content.height() - $container.scrollTop() - $container.height();
                    if(awayBtm<=distance){
                        callFn && callFn();
                    }
                });
            }
        });
    
        /* 调用插件 */
        $.onReachBottom({
            "container":$(window),  /* 容器对象 */
            "content":$(document),  /* 内容对象 */
            "distance":30           /* 触发事件距离,默认30px */
        },function () {
            /* 插件回调函数 */
            getUserList.get();
        });
    
        /* 项目方法 */
        var getUserList={
            /* 允许请求 */
            isGet:true,
            /* 条数 */
            rows:20,
            /* 页码 */
            page:1,
            /*获取*/
            get:function () {
                if(!this.isGet){
                    return;
                }
                /* 关闭请求条件,避免多次调用 */
                this.isGet=false;
    
                /* 缓存 this 对象 */
                var _self=this;
    
                $("#load").html('正在加载');
    
                /* 模拟请求 */
                setTimeout(function () {
                    var strHtml='';
                    for(var i=1;i<=_self.rows;i++){
                        strHtml+='<div class="item">用户:'+(_self.rows*(_self.page-1)+i)+'</div>';
                    }
                    $("#list").append(strHtml);
    
                    /* 允许重新加载 */
                    $("#load").html('上拉加载更多');
                    _self.isGet=true;
                    _self.page++;
                },2000);
            }
        };
    
        /* 初始化模拟数据 */
        getUserList.get();
    </script>
    </body>
    </html>

    作者:黄河爱浪 QQ:1846492969,邮箱:helang.love@qq.com

    公众号:web-7258,本文原创,著作权归作者所有,转载请注明原链接及出处。

    更多精彩文章,请扫下方二维码关注我的公众号

    展开全文
  • 基于jquery的上拉加载更多

    千次阅读 2017-09-27 20:50:39
    一个简易的基于jquery的上拉加载更多demo,上拉加载的原理就是容器的高度+容器的scrollTop>=容器内容的高度,整个demo还加上了回弹的动效。<!DOCTYPE html> <title>loadmore <meta name="viewport" co

    一个简易的基于jquery的上拉加载更多demo,上拉加载的原理就是容器的高度+容器的scrollTop>=容器内容的高度,整个demo还加上了回弹的动效。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>loadmore</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style type="text/css">
            html,body{
                height:100%;
                overflow: auto;
                -webkit-overflow-scrolling: touch;
            }
            html,body,div,ul,li,img,p{
                padding: 0;
                margin: 0;
            }
            .container{
                position: relative;
                width: 100%;
                height: 100%;
                background-color: #eee;
                overflow: auto;
                -webkit-overflow-scrolling: touch;
                box-sizing: border-box;
                --webkit-box-sizing: border-box;
            }
            ul,li{
                list-style-type: none;
            }
            ul{
                height: auto;
            }
            ul li{
                height: 50px;
                padding: 10px;
                border-bottom: 1px solid #eee;
                line-height: 50px;
            }
            .loadmore{
                text-align: center;
                height: 0px;
                line-height: 30px;
                background-color: #999;
                display: none;
                transition: height 1s;
                -moz-transition: height 1s; /* Firefox 4 */
                -webkit-transition: height 1s;  /* Safari 和 Chrome */
                -o-transition: height 1s;   /* Opera */
    
            }
            .loadmore.show{
                display: block;
                height: 30px;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <ul>
                <li>1</li>
                <li>4</li>
                <li>3</li>
                <li>4</li>
                <li>4</li>
                <li>2</li>
                <li>gff</li>
                <li>tggf</li>
                <li>1</li>
                <li>4</li>
                <li>3</li>
                <li>4</li>
                <li>4</li>
                <li>2</li>
                <li>gff</li>
                <li>tggf</li>
                <li>1</li>
                <li>4</li>
                <li>3</li>
                <li>4</li>
                <li>4</li>
                <li>2</li>
                <li>gff</li>
                <li>tggf</li>
            </ul>
            <div class="loadmore">加载更多</div>
        </div>
    
        <script src="http://code.jquery.com/jquery-2.2.4.js"></script>
        <script type="text/javascript">
            $(function(){
                var loadFlag = false;
                var _stary,_endy;
                $(".container").on("touchend",function(){
                    $(".container").stop().animate({top:0},80);
                    if($(this).height()+$(this).scrollTop()>=$(".container ul").height() && !loadFlag){
                        loadFlag = true;
                        $(".loadmore").addClass("show");
                        $(this).scrollTop(100000000000);
                        var str = "<li>sfsaasdfsafasf</li>";
                        for(var i = 0;i<3;i++){
                            str +=str;
                        }
                        setTimeout(function(){
                            $(".loadmore").removeClass("show");
                            $(".container ul").append(str);
                            loadFlag = false;
                        },1000);
                    }
                });
                $(".container").on("touchstart",function(e){
                    var _touch = e.originalEvent.targetTouches[0];
                    _stary= _touch.pageY;
                });
                $(".container").on("touchmove",function(e){
                    var _touch = e.originalEvent.targetTouches[0];
                    _endy= _touch.pageY;
                    if($(this).height()+$(this).scrollTop()>=$(".container ul").height()){
                        var current_y = _endy - _stary;
                        $(".container").animate({top:current_y/3},5);
                    }
                });
            });
        </script>
    </body>
    </html>
    展开全文
  • jQuery上拉加载更多

    千次阅读 2018-11-30 11:21:51
    注:请在移动端查看上拉, 下拉加载更多效果 前言:  由于,不管是在PC端,还是在移动端,上拉加载更多这个功能可以说是少不了的,尤其是在移动端。  在写这个上拉加载更多这个功能之前,我也用过一些比如 ...

    注:请在移动端查看上拉, 下拉加载更多效果

    前言:

        由于,不管是在PC端,还是在移动端,上拉加载更多这个功能可以说是少不了的,尤其是在移动端。

        在写这个上拉加载更多这个功能之前,我也用过一些比如 iscroll.js之类的等等插件。 但是,在使用过程中发现一系列问题。比如:首先至少得引入相应的CSS文件和JS文件吧,其次在你使用时必须按照它规定的格式去写,不然就不行。还有在1个页面中有多个上拉加载更多功能, 想改样式也很不方便等等。

        所以,就想在不用插件的情况下,自己写一个上拉加载更多的功能,和大家一起分享。如有更好解决办法的朋友,欢迎指导!

    原理:

        根据布局,给window, 或者某个DIV元素加个scroll事件。当用户上滑时,判断滚动条的位置是否到达底部,如果到达底部,则执行加载下一页方法。

    问题:

        在写的过程中发现一个问题,就是判断滚动条的位置是否到达底部时 不能用等于 == (因为滚动条在滚动时不一定会刚对等于底部的位置), 所以用 >= 大于或等于,可是 >=会使上拉加载方法执行很多次,从而导致一下子加载很多页的问题,如果你所加载的数据时有编号顺序的,那么会使编号顺序混乱,比如先加载第3页,再加载第2页(第1页没问题)等等。

    解决办法:

        在JS代码中 分别以滚动加载方法1 和 滚动加载方法2 列出了对应的解决办法。

        思路1:当滚动条的位置到达底部时,再用一个判断来决定是否加载数据,其是就是一个开关,这个开关默认是false, 只有当数据加载完成时,才设为true。

        思路2:当滚动条的位置到达底部时,延时执行加载数据方法(并在延时执行之前,先清空之前的定时器)。

     使用说明:

    1、在JS代码中已经有非常详细的注释和说明。

    2、该功能(上拉加载更多)除jQuery以外,没有使用基他任何插件。

     

    html

    <header id="header">首 页</header>
    
    <section id="main">
        <ul id="list_box"></ul>
    </section>
    
    <footer id="footer">
        <div class="active">首页</div>
        <div>商城</div>
        <div>其他</div>
        <div>我的</div>
    </footer>

    css

    * {
    	margin:0px;
    	padding:0px;
    }
    #header {
    	position:fixed;
    	top:0px;
    	left:0px;
    	width:100%;
    	height:50px;
    	background:#FAA732;
    	text-align:center;
    	line-height:50px;
    	color:white;
    	font-weight:bold;
    }
    #main {
    	position:absolute;
    	top:50px;
    	left:0px;
    	right:0px;
    	bottom:51px;
    	padding:10px;
    	overflow:auto;
    }
    #main li {
    	display:flex;
    	margin-bottom:10px;
    	padding:10px;
    	border-bottom:1px solid gray;
    	border-radius:4px;
    	background:#EEE;
    }
    #main li img {
    	flex:50px 0 0;
    	width:50px;
    	height:50px;
    	padding:4px;
    	border:1px solid green;
    }
    #main li span {
    	padding-left:4px;
    	line-height:24px;
    }
    #footer {
    	display:flex;
    	position:fixed;
    	left:0px;
    	bottom:0px;
    	width:100%;
    	height:50px;
    	border-top:1px solid gray;
    	background:#FAA732;
    }
    #footer div {
    	flex:1;
    	text-align:center;
    	line-height:50px;
    	color:white;
    	font-weight:bold;
    	border-right:1px solid white;
    }
    #footer div:nth-child(4) {
    	border:none;
    }
    #footer .active {
    	background:#0086FF;
    }

    js

    var page = 1, //分页码
        off_on = false, //分页开关(滚动加载方法 1 中用的)
        timers = null; //定时器(滚动加载方法 2 中用的)
    
    //加载数据
    var LoadingDataFn = function() {
        var dom = '';
        for (var i = 0; i < 20; i++) {
            dom += '<li><img src="http://b-ssl.duitang.com/uploads/item/201409/12/20140912132553_5Wcx3.jpeg"/><span>上滑列加载表内容上滑列加载表内容上滑列加载表内容上滑列加载表内容</span></li>';
        }
        $('#list_box').append(dom);
        off_on = true; //[重要]这是使用了 {滚动加载方法1}  时 用到的 !!![如果用  滚动加载方法1 时:off_on 在这里不设 true的话, 下次就没法加载了哦!]
    };
    
    //初始化, 第一次加载
    $(document).ready(function() {
        LoadingDataFn();
    });
    
    //底部切换
    $(document.body).on('click', '#footer div', function() {
        $(this).addClass('active').siblings().removeClass('active');
    });
    
    //滚动加载方法1
    $('#main').scroll(function() {
        //当时滚动条离底部60px时开始加载下一页的内容
        if (($(this)[0].scrollTop + $(this).height() + 60) >= $(this)[0].scrollHeight) {
            //这里用 [ off_on ] 来控制是否加载 (这样就解决了 当上页的条件满足时,一下子加载多次的问题啦)
            if (off_on) {
                //off_on = false;
                //page++;
                //console.log("第"+page+"页");
                //LoadingDataFn();  //调用执行上面的加载方法
            }
        }
    });
    
    //滚动加载方法2
    $('#main').scroll(function() {
        //当时滚动条离底部60px时开始加载下一页的内容
        if (($(this)[0].scrollTop + $(this).height() + 60) >= $(this)[0].scrollHeight) {
            clearTimeout(timers);
            //这里还可以用 [ 延时执行 ] 来控制是否加载 (这样就解决了 当上页的条件满足时,一下子加载多次的问题啦)
            timers = setTimeout(function() {
                page++;
                console.log("第" + page + "页");
                LoadingDataFn(); //调用执行上面的加载方法
            }, 300);
        }
    });
    
    //还可以基window窗口(body)来添加滚动事件, (因为布局不同,所以在这里没效果,因为[上面是基于body中的某个元素来添加滚动事的])
    $(window).scroll(function() {
        //当时滚动条离底部60px时开始加载下一页的内容
        if (($(window).height() + $(window).scrollTop() + 60) >= $(document).height()) {
            clearTimeout(timers);
            timers = setTimeout(function() {
                page++;
                console.log("第" + page + "页");
                LoadingDataFn();
            }, 300);
        }
    });

    大家可以自己尝试一下!

    展开全文
  • jquery的下拉刷新,上拉加载一、下拉刷新二、上拉加载更多 一、下拉刷新 思路: 1。在想要显示刷新提示的地方,放一个嵌套盒子,子盒子相对父盒子相对定位,父盒子高度默认为0,子盒子高度固定。 2。利用手指滑动...

    jquery的下拉刷新,上拉加载

    一、下拉刷新

    思路:
    1。在想要显示刷新提示的地方,放一个嵌套盒子,子盒子相对父盒子相对定位,父盒子高度默认为0,子盒子高度固定。
    2。利用手指滑动事件,touchstart、touchmove、touchend。
    3。数据是模拟的,注意每次调用函数清除定时器。

    //html
     <div id="pull-down" class="pull-down">
           <div class="pull-down-content">松手加载更多</div>
         </div>
          <ul id="newlist">
            <li>
              <h2>告诉孩子:努力不苦,不努力的人生才苦!(深度好文)</h2>
              <div class="img-box">
                <div class="img"> <img src="./img/05.jpg" alt=""></div>
                <div class="img"> <img src="./img/05.jpg" alt=""></div>
                <div class="img"> <img src="./img/05.jpg" alt=""></div>
              </div>
              <div class="tips">
                <span>9999阅读</span>
                <span>美文</span>
              </div>
            </li>
          </ul>
    
    /*css*/
     .pull-down{
        position:relative;overflow:hidden;height:0;
        max-height: 60px;
    }
    .pull-down-content{
        position:absolute;bottom:0;
        text-align: center;
        line-height: 30px;
        color: #999;
        width: 100%;
    }
    
     $(function(){
     		//分别设置滑动距离,开始位置,结束位置,和模拟数据的定时器
            let disY, startY, endY,timer,t;
           
             // 触摸开始
             $('#newlist').on('touchstart',function(e){
               startY = e.originalEvent.changedTouches[0].pageY;//开始时的坐标
               
             });
            //  移动中
            $('#newlist').on('touchmove',function(e){
                endY = e.originalEvent.changedTouches[0].pageY;
                disY = endY- startY;//移动后的坐标减去开始坐标,滑动距离。
                if(disY < 60){
                  $('#pull-down').css({
                  height:disY+'px';//父盒子的高度随着滑动距离变化,有最大值。
                });
                }else{
                  $('#pull-down').css({
                  height:60+'px';//父盒子的最大高度
                });
                }
            });
            // 结束时
            $('#newlist').on('touchend',function(e){
              clearInterval(timer);
              endY = e.originalEvent.changedTouches[0].pageY;
              disY = endY-startY;
              if(disY>30){
                 timer=setInterval(function(){
                  disY-=5;
                  if(disY<=30){
                    $('#pull-down').css({
                  height:30+'px'//松手后的返回。
                });
                clearInterval(timer);
                refresh();//加载数据
                  }
                  $('#pull-down').css({
                  height:disY+'px'
                });
                },100)
              }
            })
            // 请求数据
            function refresh(){
              clearTimeout(t);
               t =setTimeout(function(){//延时器模拟的数据请求
                for (let i = 0; i < data.length; i++) {
                    console.log(data[i]);
                    list +=
                        `
                        <li>
              <h2>${data[i].title}</h2>
              <div class="img-box">
                <div class="img"> <img src="${data[i].images[0]}" alt=""></div>
                <div class="img"> <img src="${data[i].images[1]}" alt=""></div>
                <div class="img"> <img src="${data[i].images[2]}" alt=""></div>
              </div>
              <div class="tips">
                <span>${data[i].views}阅读</span>
                <span>${data[i].category}</span>
              </div>
            </li>
                `
                }
                $('#newlist').append(list);
                $('#pull-down').css({
                  height:0
                });
                clearTimeout(t);//定时器技术时候要记得清除,每次调用事件之前,最好也清除下。
              },3000);
            
            }
          })
         
    

    二、上拉加载更多

    思路:
    1。主要是监听的浏览器滚动事件,看自己需求
    2。比较简单,做的是上拉无限加载,加载条数,加载提示,触发开关没设置,看自己需求。

    $(function(){
          //获取滚动条当前的位置
        function getScrollTop() {
            var scrollTop = 0;
            if (document.documentElement && document.documentElement.scrollTop) {
                scrollTop = document.documentElement.scrollTop;
            } else if (document.body) {
                scrollTop = document.body.scrollTop;
            }
            return scrollTop;
        }
     
        //获取当前可视范围的高度
        function getClientHeight() {
            var clientHeight = 0;
            if (document.body.clientHeight && document.documentElement.clientHeight) {
                clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight);
            } else {
                clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight);
            }
            return clientHeight;
        }
     
        //获取文档完整的高度
        function getScrollHeight() {
            return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
        }
     
        //滚动事件触发
        window.onscroll = function () {
            if (getScrollTop() + getClientHeight() === getScrollHeight()) {
              for (let i = 0; i < data.length; i++) {
                    console.log(data[i]);
                    list +=
                        `
                        <li>
              <h2>${data[i].title}</h2>
              <div class="img-box">
                <div class="img"> <img src="${data[i].images[0]}" alt=""></div>
                <div class="img"> <img src="${data[i].images[1]}" alt=""></div>
                <div class="img"> <img src="${data[i].images[2]}" alt=""></div>
              </div>
              <div class="tips">
                <span>${data[i].views}阅读</span>
                <span>${data[i].category}</span>
              </div>
            </li>
                `
                }
                $('#newlist').append(list);
            }
        };
        })
    
    展开全文
  • js实现上拉加载更多

    千次阅读 2018-08-08 15:38:16
    //上拉加载更多请求数据,不是第一次请求数据,不需要传参,采用默认参数 } , 500 ) } } } ) script > body > html > onoff相当于一个开关锁。 当onoff=false的时候,即没有数据的...
  • Vue 组件封装之 ScrollView 上拉加载更多一、ScrollView 上拉加载更多二、使用案例三、API 使用指南四、源代码 一、ScrollView 上拉加载更多 组件说明: 实现上拉到底部加载更多功能。 效果展示: 当滑动到底部超过...
  • react上拉加载更多

    千次阅读 2017-12-30 11:33:31
    最近在写的项目中有上拉加载更多的需求。抽空就来写一篇文章。 上拉加载更多,下拉刷新,在原生 App 上经常都用到,既符合用户的使用习惯,也有很多成熟的库可以直接拿来使用。那么在WebApp中怎么实现呢?今天就我们...
  • vue上拉加载更多组件

    千次阅读 2019-02-02 15:17:08
    我想,工作一段时间的都碰见过上拉加载更多需求,现在这种插件也蛮多的,也很多是把上拉加载下拉刷新结合。但是这些组件都有一个问题,就是下拉到最底部,刷新浏览器,浏览器会记住这个距离,从而触发上拉加载的方法...
  • mui 上拉加载更多和下拉刷新

    千次阅读 2018-02-26 14:35:35
    * 发现:上拉加载更多,只允许执行两次,就显示没有更多数据 */ mui("#pullRefresher").pullRefresh().endPullupToRefresh((++count>2)); //table->ul cell->li var table=document.body...
  • github地址:https://github.com/ximan/dropload github教程,demo,注意事项都写的很清晰。示例<!DOCTYPE html>
  • jquery weui上拉加载更多

    万次阅读 2017-05-16 18:20:52
    上拉加载更多 《世界著名计算机教材精选·人工智能:一种现代的方法(第3版)》是最权威、最经典的人工智能教材,已被全世界100多个国家的1200多所大学用作教材。《世界著名计算机教材精选·人工智能:一种...
  • MUI实现下拉刷新和上拉加载更多

    千次阅读 2018-10-15 13:33:40
    MUI实现下拉刷新和上拉加载更多 引入相关依赖包 &lt;!-- 1. 引入mui的CSS文件 --&gt; &lt;link rel="stylesheet" href="lib/mui/css/mui.css"&gt; &lt;!-- 5. 引入mui的js...
  • 下面通过实例记录下这个插件实现 下拉刷新、上拉加载更多 效果的方法 有几个地方需要说明一下: 在这个实例中使用了flexible适配方法,如果不引入flexible.js文件 css样式中使用rem为单位的元素会比正常大很多 ...
  • SUI Mobile是阿里团队研发的一套h5 前端框架SUI具有如下特点: 1.兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨...在SUI上没有通用的上拉刷新,下拉加载更多的ListView,而且底部无线加载图标,在list中的元...
  • 3,列表上拉加载更多数据; 4,列表item项可侧滑操作(类似于QQ和微信); 5,数据缓存; 先上效果图: 进入正题,下面是具体实践: 功能实现使用到了Framework7框架,Framework7官网地址为:...
  • 最早时,公司的H5项目中曾用过点击一个“加载更多”的DOM元素来实现分页的功能,后来又用过网上有人写的一个上拉加载更多的插件,那个插件是页面将要滚动到底部时就自动请求数据并插入到页面的后边,其实这样也是...
  • 今天发一个小文章,说说appcan实现下拉刷新,上拉加载的实现。 首先你要熟悉appcan相关API,然后了解回调需要的数据,相关的判断。 直接上代码吧,多多指教。 class="um landscape min-width-240px min-width-...
  • 原先公众号页面实现加载更多是通过到页面底部点击按钮调用ajax获取数据拼接到原数据列下,现在想通过滑实现,网上搜索了下,发现mescroll.js是比较简单方便的,代码如下:   &lt;%@ include file="...
  • 最新在做一个微信商城有用到商铺列表展示,需要使用滑动上拉加载数据,就使用了iscroll,中间遇到很坑,这里使用iscroll做一个简单的例子,希望能帮助到一些同学。 1.首先进入amazui官网下载amaui的zar包,解压到...
  • 参看 下载 https://github.com/pfan123/dropload 引用css和js html js内容 $('.element').dropload({  scrollArea : window,  loadDownFn : function(me){  $.ajax({  
  • 这个是模拟手机写的简单样式,不要在意这些细节,为了撑满容器每次加载十二 那就开始代码了 ==》 先安装 mint-ui 在main.js中引入mint-ui的css样式和组件:  import 'mint-ui/lib/style.css' import { ...
  • 安装 npm install --save react-pullload APP.js ..../App.css"; import ReactPullLoad,{STATS} from 'react-pullload' const loadMoreLimitNum = 2; const cData = [ "http://i...
  • 第二步,将下载好的dropload插件中的dropload.css,dropload.min.js文件引入到页面中,注意还要引用Jquery的js,因为dropload是基于jquery实现的 第三步,将以下代码放到页面的最底部,注意是最底部,否则dropload...
  • 依赖 (dependence) Zepto 或者 jQuery 1.7以上版本,推荐jQuery 2.x版本(二者不要同时引用)  Zepto or jQuery 1.7+,recommend to use jQuery 2....引用css和js  (basic) http://www.jq22.com/jquery-info6960

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 184,248
精华内容 73,699
关键字:

css上拉加载更多