jquery 处理页面弹出层查询数据等待的操作(gif图片加载等待)

$(document).ready(function(){layer.load(0);//初始化加载，可选范围(0-9)0表示等返回结果后关闭，1-9表示自动关闭时间(s)
});

当查询结果集返回后，设置关闭等待的样式

function init_page_pro(sdate, pro) {$.post("detail.key", {'pro' : pro,'sdate' : sdate}, function(result, resultState) {if (resultState == "success") {var resultJson = eval(result);//alert(result);layer.closeAll()//关闭所有加载}});}

注：虽然只调用这两个方法即可实现等待效果，但都是牛人封装好的，需要源文件的，具体需要到我的资源中去下载即可使用，然后放到项目相应的路径即可

官方演示与讲解：http://sentsin.com/jquery/layer/

最后效果：

jquery 处理页面弹出层查询数据等待的操作(gif图片加载等待)相关推荐

jQuery给页面弹出层添加半透明背景
1.弹出层的设计使用的东西是很简单的,需要两个div,一个做为弹出层背景的,另一个做为在半透明背景上面一层显示内容的. 在底层半透明div样式: 显示内容的div样式(不重要) jQuery的调用方 ...
layui怎样将响应数据展示在页面_layui怎么对弹出层显示数据
layui怎么对弹出层显示数据?下面给大家举个例子:点击查看 function func11() { console.log($.cookie("id")); //iframe窗 ...
前端框架Layui学习五：弹出层和数据表格
Layui layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,拿来即用. 一.弹出层在 layui 中使用 layer l ...
php jquery ajax登录,jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
弹出层主要用于展示丰富的页面信息,还有一个更好的应用是弹出表单层丰富交互应用.常见的应用有弹出登录表单层,用户提交登录信息,后台验证登录成功后,弹出层消失,主页面局部刷新用户信息.本文我们将给大家介绍 ...
jquery鼠标经过弹出层写法
jquery鼠标经过弹出层写法 $(".navitem").hover(function(){ $(this).children('a').next('.navitemlist') ...
layui中实现弹出层的确定与取消操作
实现弹出层的确定与取消操作的两种方式一.利用content中用元素生成的确定与取消按钮 <div id="wrapper"><button type=" ...
Layui 弹出层选择数据实现
实际Web项目中,下拉框仅能实现数据量少的场景,当我们添加一个商品时,我们总希望在添加选择前能看到产品的规格.图片.参数信息,那么用下拉框就显得力不从心了. 本次需求如下: 实现过程父层JS < ...
Jquery UI dialog弹出层插件
必须先下载Jquery UI插件然后再把下载的文档复制到项目中,可以复制你需要的单个插件 --------------------------------------具体代码如下---------- ...
页面弹出层组件layer的用法
欢迎关注博主公众号:[纯洁的明依]文章由陈晓阳原创. 本人微信:chenxiaoyangzxy. 免费提供本人大量学习资料. 一:页面引入和核心js文件 layer.js <script src ...

jquery 处理页面弹出层查询数据等待的操作(gif图片加载等待)

jquery 处理页面弹出层查询数据等待的操作(gif图片加载等待)相关推荐

最新文章

热门文章