如何用jquery判断数据是不是加载完成

Posted 2023-04-27

正在加载显示<div class="loading"></div>
加载完成时显示<div class="productCon"><%=ViewData["Describ"]%></div>

参考技术A $(function()
//里面的js就是数据加载完毕后执行的，不包括图片
);追问

详细点

追答$(function()
  alert("abc");
);

可明白？

追问

写完整些么,明白，加载完成后执行的怎么写

追答

alert("abc"); 算是执行的js代码
写在大括号里面就行

追问

里边如果有图片怎么搞

追答

不包括图片的意思是 图片加载要时间，代码执行完就用上面那个

要等全部代码+图片等都加载完的话用

$(window).load(function() 
    //你的代码
);
//或者 (下面的方法一个页面只能出现一个)
window.onload=function()
   //你的代码

本回答被提问者和网友采纳

如何用jquery或js结束CSS转换？

我想用jquery或js结束我的css转换。我并不是说暂停，我想结束它们，好像它们已经完成了100％。我有css过渡而不是动画。

我使用转换的属性是顶部和左侧，它是位置绝对元素。

答案

您可以简单地将transition属性规则覆盖为none。

#el {
  position: relative;
  left: 0;
  top: 25px;
  width: 50px;
  height: 50px;
  transition: all 5s linear;
  background: red;
}
body:hover #el{
  left: calc(100vw - 50px);
}
button:active + #el {
  transition-property: none;
}
:root,body{margin:0}

<button>stop transition</button>
<div id="el"></div>

另一答案

你好，你的问题有点模棱两可。

如果您使用转换而不是动画，则可以在同一个css示例中控制它的流程：

   transition: background-color .2s linear 0s; /*Standard*/

如果要使用JS中断转换，可以在触发所需的某个操作时将其他Css valor分配给其他类名或属性。

       .normal{
        transition: background-color .2s linear 0s; /*Standard*/ 
        }  

         [stop = yes] {
          background: black; 
          } 

        document.body.addEventListener('mouseover', function(e){
        e.stopPropagation();
        if(someting you want){
          document.queryselector(".normal").setAttribute("stop","yes");
         }
     else{
       document.queryselector(".normal").setAttribute("stop","no");
      }
     },false);

如果你想要的东西被触发，那么该属性将被设置为no转换，这也会切断正在运行的属性。

另一答案

$('.toggle-animation').click(function(){
  $('.element').stop(true).toggleClass('animating');
});

.element{
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
    position:relative;
    background: red
}
.animating{
    top: 100px;
    left: 100px;;
    transition: all 5s linear 0s;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="element"></div>
<button type="button" class="toggle-animation">Click me</button>

以上是关于如何用jquery判断数据是不是加载完成的主要内容，如果未能解决你的问题，请参考以下文章

如何用jquery判断元素是不是进入可视区域

如何用JQuery判断文本框输入的值是不是含有非法字符

如何用python的selenium提取页面所有资源加载的链接

jquery如何判断一个文件是不是存在，求关键代码。

JS或JQUERY如何判断A页面是从其他页面返回的，而不是首次加载

如何判断网页是不是加载完毕