15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 H5

静态加载更多

孙正萌| 发布于 2022-05-30 15:20:38| 614阅读| 0点赞| 0评论
举报

点击加载更多列表


html


<div class="index-boxb">    	
        <ul class="index-boxb-ul white">
            <li>
                <a href="">【通知】小球手游留言系统升级维护a>
            li>
            <li>
                <a href="">【通知】小球手游留言系统升级维护a>
            li>
            <li>
                <a href="">【通知】小球手游留言系统升级维护a>
            li>
            <li>
                <a href="">【通知】小球手游留言系统升级维护a>
            li>
            <li>
                <a href="">【通知】小球手游留言系统升级维护a>
            li>   
            <li>
                <a href="">【通知】小球手游留言系统升级维护a>
            li>
            <li>
                <a href="">【通知】小球手游留言系统升级维护a>
            li>
            <li>
                <a href="">【通知】小球手游留言系统升级维护a>
            li>
            <li>
                <a href="">【通知】小球手游留言系统升级维护a>
            li>
            <li>
                <a href="">【通知】小球手游留言系统升级维护a>
            li>        
        ul>
    div>

js


<script>
	(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).show();
			}
			return cnt-n;//返回还剩余的隐藏子元素的数量
		}

		//对页中现有的class=showMorehandle的元素,在之后添加显示更多条,并绑定点击行为
		$(".index-boxb-ul").each(function () {
			var pagesize = $(this).attr("pagesize") || 2;
			var $children = $(this).children();
			if ($children.length > pagesize) {
				for (var i = pagesize; i < $children.length; i++) {
					$children.eq(i).hide();
				}
  
				$("
查看更多评价
"
).insertAfter($(this)).click(function () { if (showMoreNChildren($children, pagesize) <= 0) { //如果目标元素已经没有隐藏的子元素了,就隐藏“点击更多的按钮条” $(this).hide(); }; }); } }); })();
script>
0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

孙正萌
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部