`

jquery-weui 页面加载提示showLoading

 
阅读更多
JS里面要有:
  $.showLoading = function(text) {
    var html = '<div class="weui_loading">';
    for(var i=0;i<12;i++) {
      html += '<div class="weui_loading_leaf weui_loading_leaf_' + i + '"></div>';
    }
    html += '</div>';
    html += '<p class="weui_toast_content">' + (text || "数据加载中") + '</p>';
    show(html, 'weui_loading_toast');
  }

  $.hideLoading = function() {
    hide();
  }

页面:
	$.showLoading("正在加载...");
        $.ajax({
            type:"POST", 
            url:url, 
            dataType:"json",   
            data:dataJson, 
            success:function(data){
            	$.hideLoading();
            } 
         }); 

 

分享到:
评论

相关推荐

    jqweui图片上传插件jquery-weui.uploader.js

    jqweui图片上传插件jquery-weui.uploader.js 实现 多图上传,预览,删除,初始化控件,图片赋值加载,获取图片数据。压缩包包含jquery-weui.uploader.js,weui以及示例demo

    jquery-weui.rar

    **WeUI 框架**: `jQuery WeUI` 是基于 jQuery 的一套微信风格的 UI 组件库,提供了如按钮、表单、加载提示、弹窗、导航栏、抽屉、轮播图等常见的网页元素,使得开发者可以快速构建与微信界面风格一致的移动端页面。...

    最新jquery-weui

    这些组件包括按钮、输入框、表单、导航栏、加载提示等,旨在提升用户在微信环境下的使用体验。 2. **jQuery** jQuery 是一个广泛使用的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和Ajax交互。jQuery ...

    jquery-weui-build例子

    在 `jquery-weui-build` 项目中,`dist\demos` 文件夹包含了示例代码和预览页面。开发者可以通过浏览这个文件夹了解如何实际应用这些组件和功能。每个示例通常包含HTML结构、CSS样式以及必要的jQuery脚本,展示了...

    jquery-weui.min.js

    结合我写的上传大图片技术分享博客,然后下载这几个文件,一起测试一下我的上传大图片压缩方式来保存文件到数据库中,来提高上传文件的速度和文件大小

    jquery-weui微信商城全套页面模板

    使用jquery-weui开发的一整套移动端商城,包括首页,购物车,订单管理,评价,分类,会员中心等页面,分享给需要的人。

    jquery-weui-master

    jquery-weui-master,微信样式代码,大部分微信的界面模板都有,可直接用。

    jquery-weui-build.zip

    4. **展示组件(Display)**:如图片轮播(Swiper)、提示信息(Toast)、对话框(Dialog)、加载提示(Loading)等,用于增强用户体验。 5. **列表(List)**:支持无序列表、带图列表、多选列表等多种形式,便于...

    JQueryUI组件 JS下载

    它包括一系列简洁、优雅的组件,如按钮、输入框、提示、加载动画等。 4. **weui.css** WeUI是微信官方设计团队推出的前端框架,专为微信H5页面设计,其样式简洁、一致,能够帮助开发者快速打造出与微信App一致的...

    使用juicer模板创建jQuery-weui九宫格

    在HTML文件中,引入jQuery-weUI的CSS文件,并确保九宫格的父元素应用了`weui-grids`类。 通过以上步骤,我们就成功地使用Juicer模板创建了一个动态的jQuery-weUI九宫格。这种方法的好处在于可以方便地根据后台返回...

    jquery-weui-gh-pages

    jquery-weui-gh-pages 很好用的,有想学习的同学可以下载

    WeUI 最新版 js 及 css 下载

    link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css"&gt; &lt;!-- body 最后 --&gt; [removed][removed] [removed][removed] &lt;!-- 如果使用了某些拓展插件还需要...

    jquery-weui-build:jquery-weui模板

    jQuery WeUI-打造微信公众号开发的瑞士军刀 jQuery WeUI是专为微信公众账号开发而设计的一个简洁而强大的UI库,包含整个WeUI官方CSS组件,并且另外提供了扩展的扩展组件,丰富的组件库可以大大减少前端开发时间。 ...

    jquery we ui 完整包(带demo)

    WeUI 包括了各种常见的 UI 组件,如按钮、表单、提示、加载、导航等,使得开发者能够轻松地创建与微信风格一致的页面。 **2. jQuery 介绍** jQuery 是一个高效、简洁且功能丰富的 JavaScript 库,它简化了 HTML ...

    公众号网页flexible与jquery-weui样式冲突

    公众号网页flexible与jquery-weui样式冲突 正在写一个微信公众号内嵌H5,因为可能还要写支付宝的,所以用了jquery-weui,刚开始都用pt做的单位,之后发现横屏时还是以高度为准,所以元素都特别小,所以改用rem,就用了...

    jquery-ui.min.js

    首先,`jquery-ui.min.js`是jQuery UI的压缩和优化版本,用于提高页面加载速度并减少网络带宽消耗。这个文件包含了jQuery UI的所有核心组件,如对话框(Dialog)、拖放(Draggable)、可排序(Sortable)、可折叠...

    jquery-WeUI微信开发设计原生视觉样式库特效.zip

    &lt;title&gt;WeUI微信开发设计原生视觉样式库特效&lt;/title&gt;  &lt;... jquery-WeUI微信开发设计原生视觉样式库特效是一款同微信Web原生视觉体验一致的基础样式库,为微信Web开发量身设计的。

    jquery-weui

    &lt;div class="weui-dialog__hd"&gt;&lt;strong class="weui-dialog__title"&gt;提示&lt;/strong&gt;&lt;/div&gt; &lt;div class="weui-dialog__bd"&gt;这是一段描述信息。 &lt;div class="weui-dialog__ft"&gt; ;" class="weui-btn weui-btn_...

Global site tag (gtag.js) - Google Analytics