• 根据后台加载数据,添加loading动画


    <script>
    var current = 0;
    var hit = @hits;
    $(this).scroll(function(){
    var viewHeight =$(this).height();//可见高度
    var contentHeight =$(".search_content").get(0).scrollHeight;//内容高度
    var scrollHeight =$(this).scrollTop();//滚动高度

    if(contentHeight - viewHeight < scrollHeight) {
    if(current<hit)
    {
    $(".loading").css("display","block");
    $.ajax({
    url: "",
    data:{
    SearchKey:"",
    current:current+15
    },
    async:true,
    success: function(result){
    var strhtml ="";
    for (item in result.data)
    {
    strhtml += " <div class='info'>";
    if (result.data[item].TitleFormat!="")
    {
    strhtml += " <a href='' target='_blank' class='ifone'>" +  + "</a>";
    }
    else {
    strhtml += " <a href='' target='_blank' class='ifone'>" +  + "</a>";
    }
    strhtml += " <div class='oneimg'>";
    strhtml += " <img src='/Content/img/searchBg.png' class='img-responsive' />";
    strhtml += " </div>";
    strhtml += " <div class='infobtm'>";
    strhtml += " <span></span>";
    strhtml += " <span>"+ result.data[item].PublishTime +"</span>";
    strhtml += " <span></span>";
    strhtml += " </div>";
    strhtml += " </div>";
    }

    $(".search_content").append(strhtml);

    }});
    }else{
    $(".loading").html("已经到底部了...");
    }

    }else{
    $(".loading").css("display","none");
    }
    });


    var contentif = $('div').is('.search_content');   //判断是否含有该类
    if(contentif == true){
    $(".loading").css("display","none");
    }else{
    $(".loading").addClass("loadingnoinfo");
    $(".loading img").css("display","none");
    $(".loading").html("没有搜索到内容 ...");
    }

    </script>

  • 相关阅读:
    win7 x64怎么枚举所有快捷键呢
    C/C++多种方法获取文件大小
    中缀表达式转后缀表达式(逆波兰表达式)
    检测文件存在的四种方法
    透明窗口与不规则窗口制作方法总结
    Struts 2命令执行漏洞
    Windows 8 无法安装
    从浏览器启动客户端程序
    tesseractocr训练方法
    Algorithm Gossip: 中序式轉後序式(前序式)
  • 原文地址:https://www.cnblogs.com/quitpoison/p/9272194.html
Copyright © 2020-2023  润新知