长沙网站建设_开发_设计_制作_软件_系统_开发——长沙蒲公英网络公司官网

0731-84069615

获取免费方案

洞察趋势 多维度提升品牌价值

新闻动态

长沙网站开发_使用jQuery masonry插件加载更多

所属栏目：发布日期：2016-09-29 08:38浏览量：2666作者：admin

本次是利用把瀑布流代码来实现点击加载更多。首先引入jQuery插件与瀑布流插件jquery.masonry.min.js

这里注意jQuery插件版本，部分版本可能出现手机端无法加载(触摸无法监听)问题，本次使用的是jQuery v2.1.1

调用十分简单，主要注意ul要加上class="clear"和id="content",li中要加上post，当然命名可以改变，对应的js也需要变动

 

    

{dede:list pagesize='4'}

[field:pubdate function='strftime("%d",@me)'/]

[field:pubdate function='strftime("%Y-%m",@me)'/]

iew.php?aid=[field:id/]" class="title">[field:fulltitle/]

[field:description/]

</li>

{/dede:list}

        

         {dede:pagelist listitem="more"/} {dede:pagelist listitem="next"/}

       

 

 

  if($this->PageNo!=$totalpage && $totalpage>1)

        {

            $nextpage.="

  •  > <>\r\n";

                //增加more

                $more="加载更多";

                $endpage="

  • 末页<>\r\n";

            }

            if(preg_match('/next/i', $listitem)) $plist .= $nextpage;

            //在对应的下一页增加more

            if(preg_match('/more/i', $listitem)) $plist .= $more;

       

    最新新闻

    与您携手同行，共享网络之美，互联网资深服务商

    联系我们

    扫一扫
    技术大牛与您直接沟通

    关键词

    • 专业互联网服务经验
    • 具有完备的项目管理
    • 长沙高端建站设计团队
    • 资深行业分析策划
    • 完善、即时的售后服务
    • 深厚的网络运营经验
    • 前沿视觉设计、研发能力
    • 前端代码深度符合SEO优化
    • 时刻新技术领先研发能力
    • 专业全面的网络营销推广能力
    • 长沙网站建设
    • 长沙网站开发
    • 长沙网站设计
    • 长沙网站制作
    • 长沙软件开发
    • 长沙系统开发
    • 长沙做网站公司
    • 长沙蒲公英网络

    Copyright © 长沙蒲公英网络 版权所有 备案号：湘ICP备2020021994号-2

    网址：http://www.0731pgy.com/ Email: lh@0731pgy.com

    -长沙网站建设,长沙网站开发,长沙网站设计,长沙网站制作,长沙软件开发,长沙系统开发,长沙做网站公司,长沙蒲公英网络

    准备好做出改变了吗？

    让我们共同助力您的企业数字化革新

    您希望我们为您提供什么服务呢

    · · · · · · · · ·

    0731-84069615

    /

    扫一扫
    技术大牛与您直接沟通