关于监听滚动事件加载更多的代码

标签：

$(".rankDetail").scroll(function(){ //rankDetail是大容器的class
        var scrollHeight = $(this).scrollTop();
        var rankListCount = $(".rankList").length;  //rankList是容器中的一个项目，类似于一个li
        var rankListHeight = $(".rankList").height();
        var rankListTotalHeight = rankListHeight * rankListCount;
        var rankDetailHeight = $(".rankDetail").height();
        var diffHeight = rankListTotalHeight - rankDetailHeight - scrollHeight;
        //可以加载新数据
        if(diffHeight >=0 && diffHeight < rankListHeight && isLoad == false){
            var pageNum = Math.ceil(rankListCount / pageSize) + 1;//pageSize是加载一次数据总量
            getName(pageNum);  //getName是加载程序，pageNum是加载是所传的参数
        }
    })

还有另外一个问题就是，举个例子，单页面上有一个div，页面刷新的时候div的display为none，触发某个事件的时候div显示出来，在同一个项目的另外一个页面里面，点击某个button时跳转到第一个页面，同时希望这个页面的隐藏div处于打开状态，怎么办呢？    给第二个页面跳转时设置location.href="/firstPage?title=1"      此时firstPage后面的东西是不影响页面跳转的，页面会跳转到第一个界面，然后

if(location.href.indexOf("title=1") !== -1){  //也就证明此时页面是由第二个页面跳转过来的
        divShow();  //将你要显示的div显示出来
    }

最后一个问题是动态添加的div的点击问题：

点击某个button向页面中添加一个div  ，如果想点击新添加的div里面的某个div怎么办？

如果你直接获取第二个div，然后添加点击事件，这样的程序是没法点击的：参考下面代码添加点击事件：

$(".nameInput").on("click",".moreName",function(){  //moreName是第二个div，nameInput是它的爷爷辈
元素，也就是页面第一次加载就存在的元素，不是动态添加的；
        var title=$(this).attr("title");
        if(title == 1){  //添加title可以知道你这个元素是否被点击过，方面进行其他操作，注意这个用法非常实用
            $(".nameInput").append(html);//此时的html是一个模版，按需求定义
            $(this).attr("src","./img/delete.png");
            $(this).attr("title","2");
        }else{
            $(this).parent().remove();
        }
    });

输入框的验证问题：

$(‘.phone‘).blur(function(){
         var $parent = $(this).parent();
         var value=$(this).val();
         if(this.value==""){
             var errorMsg = ‘留下您的电话‘;
            $parent.append(‘<small class="formtips">‘+‘*‘+errorMsg+‘</small>‘);
         }
    }).keyup(function(){
        $(this).triggerHandler("blur");
    });

blur代表失去焦点时的事件，适用与不使用插件的验证方式

关于监听滚动事件加载更多的代码

标签：

原文地址：http://my.oschina.net/fuckBAT/blog/486815