jquery.more.js插件实现点击加载显示更多列表项免费下载

jquery.more.js插件实现点击加载显示更多列表项。应项目需要,自己写的模拟点击按钮 加载更多分页特效代码,带有自定义属性pagesize,现在分享出来,希望新手喜欢!

jquery.more.js

(function () { 
    var showMoreNChildren = function ($children, n) { 
        //显示某jquery元素下的前n个隐藏的子元素 
        var $hiddenChildren = $children.filter(":hidden"); 
        var cnt = $hiddenChildren.length; 
        for ( var i = 0; i < n && i < cnt ; i++) { 
            $hiddenChildren.eq(i).slideDown(); 
        } 
        return cnt-n;//返回还剩余的隐藏子元素的数量 
    } 
 
    //对页中现有的class=showMorehandle的元素,在之后添加显示更多条,并绑定点击行为 
    $.showMore = function (selector) { 
        if (selector == undefined) { selector = ".showMoreNChildren" }  
        $(selector).each(function () { 
            var pagesize = $(this).attr("pagesize") || 10; 
            console.log(pagesize); 
            $(this).find("li:lt("+pagesize+")").show(); 
            var $children = $(this).children(); 
            if ($children.length > pagesize) { 
                for (var i = pagesize; i < $children.length; i++) { 
                    $children.eq(i).hide(); 
                } 
                $("<div class='showMorehandle'>显示更多</div>").insertAfter($(this)).click(function () { 
                    if (showMoreNChildren($children, pagesize) <= 0) { 
                        //如果目标元素已经没有隐藏的子元素了,就隐藏“点击更多的按钮条” 
                        $(this).hide(); 
                    }; 
                }); 
            } 
        }); 
    } 
})()
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录