• js加载更多


    数据有了,要点击“加载更多&分页”,后端大爷不给分页怎么办? 

    设计湿又指着鼻子说我就要这效果,骂完TM后还是要硬着头皮做。好吧就这么干...

    先写个方法:

    function taiduMianBoxHTMLGo(obj,qs,n,gofn,overfn){
        var dataLength=window.taiduDataJsonMB.length;
        function fnHTML(i){
        //这里根据需要改好了 sHtml
    +='<div class="fl"><a href="'+window.taiduDataJsonMB[i].url+'"><img src="'+window.taiduDataJsonMB[i].img+'" alt="'+window.taiduDataJsonMB[i].title+'"></a></div>'; }; if(dataLength-qs >=n ){ for(var i=qs; i<qs+n; i++){ fnHTML(i); gofn(); } if(dataLength-(qs+n) == 0){ overfn(); }; }else if( dataLength-qs > 0 && dataLength-qs < n){ for(var i=qs; i<qs+dataLength-qs; i++){ fnHTML(i); }; overfn(); }; obj.innerHTML+=sHtml; };

    方法有了怎么用???

    打个样

    <script>
    !function(){
        var startN=10;
        var stepN=10;
        var oMianBtn=document.getElementById('idconbox-html-go');
        taiduMianBoxHTMLGo(document.getElementById('idconbox'),0,startN,
            function(){oMianBtn.style.display='block';}
            ,function(){oMianBtn.style.display='none';}
        );
        oMianBtn.onclick=function(){
            taiduMianBoxHTMLGo(document.getElementById('idconbox'),startN,stepN,
                function(){oMianBtn.style.display='block';}
                ,function(){oMianBtn.style.display='none';}
            );
            startN+=stepN;
        };
    }()
    </script>
  • 相关阅读:
    mysql的触发器
    数据库面试题
    数据库面试(1)
    eclipse里maven项目An error occurred while filtering resources解决办法
    Missing artifact com.github.pagehelper:pagehelper:jar:3.4.2-fix的解决方法
    淘淘商城学习
    spring Security简介
    ElasticSearch学习
    在Visual Studio中使用FFTW库
    FFTW程序Demo
  • 原文地址:https://www.cnblogs.com/SongYiJian/p/5312255.html
Copyright © 2020-2023  润新知