jquery 业务加载中

2024-10-03

基于jquery实现页面loading加载效果

实现loading 加载提示 ······ 透明遮罩居中效果具体代码如下: CSS样式部分: <style type="text/css"> .background { display: block; width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40); background:while; position: absolute; top: 0; left: 0; z-index: 2000

jQuery实现加载中效果,防止重复提交

//导出表格加载中的提示var dian=0;//控制'●'的个数var t=null;//停止时使用function id_loadspot(loadspotSpan,loadingDiv,exportLink){ loadingDiv.css('visibility','visible');//显示 exportLink.click(function(){//使链接失效 return false; }); t=setTimeout(function() { if (dian >= 3) {

JQuery 数据加载中禁止操作页面

比较常见的做法,但对我而言是第一次做,记录一下. 为了把找来的loading.gif 的背景色设置为透明,还特意装了quicktime. 有学到一些额外的东西. 先将div及img定义好 <body> <div id="loadingDiv"> <img src="loading.gif" style="margin-top:230px;margin-left:700px;" /> </div> &

JQuery插件：遮罩+数据加载中。。。（特点：遮你想遮，罩你想罩）

在很多项目中都会涉及到数据加载.数据加载有时可能会是2-3秒,为了给一个友好的提示,一般都会给一个[数据加载中...]的提示.今天就做了一个这样的提示框. 先去jQuery官网看看怎么写jQuery插件,然后就开始写了.写下来这么一个插件,稍作优化,就在项目中使用了.下面贴的是我写这个插件时的测试图: 这张图模拟数据加载前提示框的展示,这个表格是一个写在页面上的.蓝色的底纹就是遮罩层. (function($){ $.fn.extend({ /** * 打开遮罩,并显示一段文字. * @para

jquery mobile 请求数据方法执行时显示加载中提示框

在jquery mobile开发中,经常需要调用ajax方法,异步获取数据,如果异步获取数据方法由于网速等等的原因,会有一个反应时间,如果能在点击按钮后数据处理期间,给一个正在加载的提示,客户体验会更好一些. 如果需要在页面加载时显示加载器,页面加载完成之后关闭加载器,请参考另一篇文章:jquery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较先看两个方法,显示和关闭,方法来自于参考:http://blog.csdn.net/z

jQuery Mobile 手动显示ajax加载器，提示加载中...

在使用jQuery Mobile开发时,有时候我们需要在请求ajax期间,显示加载提示框(例如:一个旋转图片+一个提示:加载中...).这个时候,我们可以手动显示jQuery Mobile的加载器,大致流程如下: 1. 启动加载器,显示“加载中...”: 2. 进行ajax请求,请求完成后更新页面数据,刷新jQuery Mobile控件样式: 3. 关闭加载器. 下面就来讲解jQuery Mobile 1.2.0 和 1.1.0 中手动显示加载器的方法(很简单,几行代码就OK了!). 首先是jQ

jquery 中dataTable显示加载中，图片或文字

引入js文件 <script type="text/javascript" src="${basePath}/lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 配合加载中图片一起,下面这个是设置加载图片的位置为居中显示 <style type="text/css"> /*设置正在加载中的居中显示*/ .dataTables_wrapper .da

IE8中jQuery.load()加载页面不显示的原因

一.jQuery.load() jQuery.load(url,[data],[callback])通过Ajax异步请求加载服务器中的数据,并把数据放到指定元素中. url :请求服务器的地址 data :可选项,请求时发送的数据 callback :可选项,请求成功后的回调函数例: $(".content").load(" https://www.imooc.com/data/fruit_part.html ") 二.IE8中使用jQuery.load()加载页

[转]jquery的ajax交付时“加载中”提示的处理方法

本文转自:http://www.educity.cn/wenda/77121.html jquery的ajax提交时“加载中”提示的处理方法方法1:使用ajaxStart方法定义一个全局的“加载中...”提示 $(function(){ $("#loading").ajaxStart(function(){ $(this).html("<img src='/jqueryStu/images/loading.gif' /$amp;>quo

页面加载中jquery逐渐消失效果实现

为了获得更好的用户体验,现在大多数网页都会在页面中加一个加载中效果,这里实现一个加载中逐渐消失的效果,以至于看上去不那么生硬. html: <div id="loading"><img src="images/common/loading.gif" alt=""></div> css: /*加载中*/ #loading{ position: fixed; top:; left:; width: 100%; he

jquery的ajax提交时“加载中”提示的处理方法

方法1:使用ajaxStart方法定义一个全局的“加载中...”提示 $(function(){ $("#loading").ajaxStart(function(){ $(this).html.("<img src='/jqueryStu/images/loading.gif' />"); }); $("#loading").ajaxSuccess(function(){ $(t

jQuery自动加载更多程序

1.1.1 摘要现在,我们经常使用的微博.微信或其他应用都有异步加载功能,简而言之,就是我们在刷微博或微信时,移动到界面的顶端或低端后程序通过异步的方式进行加载数据,这种方式加快了数据的加载速度,由于它每次只加载一部分数据,当我们有大量的数据,但不能显示所有,这时我们可以考虑使用异步方式加载数据. 数据异步加载可以发生在用户点击"查看更多"按钮或滚动条滚动到窗口的底部时自动加载:在接下来的博文中,我们将介绍如何实现自动加载更多的功能. 本文目录数据表数据对象模型 Web Serv

jquery动态加载问题

对于append的元素,原有的方法不生效解决:用on方法找到的:http://www.zhidao91.com/jquery-html-live-on/ 解决使用jQuery采用append添加的元素事件无效的方法 2014年09月22日 | jQuery | 浏览: 1,118 当我们使用jQuery动态加载html元素,但是元素上面又绑定了Click等事件,针对新添加的元素这些事件是无效的,那么应该怎样解决呢? live方法 live( type, fn )jQuery 1.3中新增的方

jQuery+zTree加载树形结构菜单

jQuery+zTree加载树形结构菜单由于项目中需要设计树形菜单功能,经过一番捣腾之后,终于给弄出来了,所以便记下来,也算是学习zTree的一个总结吧. zTree的介绍: 1.zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件 2.zTree v3.0 将核心代码按照功能进行了分割,不需要的代码可以不用加载 3.采用了延迟加载技术,上万节点轻松加载,即使在 IE6 下也能基本做到秒杀 4.兼容 IE.FireFox.Chrome.Opera.S

jquery 显示“加载状态结束”

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <titl

discuz微社区始终显示“正在加载中”

使用DZ的tools工具一键关闭所有插件后,帮我排查了js冲突的问题,但是也带来了一系列后患: 云平台连“QQ互联”也失效了,之前云平台的各项业务已经不正常,无法开启关闭,提示“远程接口无法调用...” 微社区无法正常访问,始终显示“正在加载中” 使用“修复数据库”功能之后,文章栏目链接跳转错误对于微社区问题,解决的方法很邪门儿: 我把微信登陆插件的“网站 URL”重新填写,开始填写是后面加了一个index.php,然后微社区这次直接变成报错,至少不再是“加载中...” 然后我恢复之前的URL

jquery load加载页面内ajax返回的div不能响应页面js的问题的解决方案

1. 前言由于项目需要,需要load一个页面并保持ajax返回的div能响应其页面内的JS的click事件.这个不是解决用jquery load加载页面到div时,不执行页面js的问题这类问题,因为并无这个问题存在(jquery版本:1.10.2.js). 2. 本质原因假定页面内有$(.btn1).click(function(){})事件,你手动复制一个包含class为btn1的div到页面(ajax返回后加入的div),然后会发现你点击那个div,并不会被响应,如果你在consol

jQuery懒加载插件jquery.lazyload.js使用说明实例

jQuery懒加载插件jquery.lazyload.js使用说明实例很多网站都会用到‘图片懒加载’这种方式对网站进行优化,即延迟加载图片或符合某些条件才开始加载图片.懒加载原理:浏览器会自动对页面中的img标签的src属性发送请求并下载图片.通过动态改变img的src属性实现. Lazy Load 是一个用 JavaScript 编写的 jQuery 插件.它可以延迟加载长页面中的图片在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置.与图片预加载的处理方式相反,在包含很多

两种常用的jquery事件加载的方法的区别

两种常用的jquery事件加载的方法 $(function(){}); window.onload=function(){} 第一个呢,是在DOM结构渲染完成以后调用的,这时候网页中一些资源还没有加载,比如图片等资源,但是DOM结构已经渲染成功了第二个呢,是在网页DOM结构渲染完成,而且资源已经加载成功以后调用的. 有没有感受出区别来呢,一个是在资源没有加载的时候调用的,一个是在资源加载结束,页面已经渲染之后调用的,所以当我们在$(function(){})调用$('img').wid

(一)JQuery动态加载js的三种方法

Jquery动态加载js的三种方法如下: 第一种: $.getscript("test.js"); 例如: <script type="text/javascript"> $(function() { $('#loadButton').click(function(){ $.getScript('new.js',function(){ newFun('"Checking new script"'); }); }); }); </

使用Bootstrap3和Ladda UI实现的多种按钮“加载中”效果体验

在线演示在线演示大家在开发基于web的网站或者web应用中,常常在AJAX调用的过程中需要提示用户并且展示相关的“加载中”效果,类似的UI设计也非常多,比如,当点击一个按钮后,在它的旁边显示一个 “加载中” 文字,或者是添加一个“旋转GIF”动画效果图. 在今天这个教程中,我们将介绍来一个Ladda UI概念设计,帮助你设计不同的基于按钮的加载中效果,并且整合到Bootstrap3框架里,如下: 它可以方便的帮助你通过按钮来提示用户相关的“加载中”状态,并且支持不同的加载效果,配置也很简单,

jquery 业务加载中

热门专题