当前位置: 首页 > 软件库 > jQuery 插件 > >

jQuery WeUI

用于微信公众号开发的 UI 库
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 jQuery 插件
软件类型 开源软件
地区 国产
投 递 者 尉迟墨竹
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

jQuery WeUI 是 WeUI 的一个 jQuery 实现版本,除实现了官方插件之外,它还提供了如下拉刷新、日历、地址选择器等丰富的拓展组件。jQuery WeUI 中的 JS 组件均是以 jQuery 插件的形式提供,使用非常方便,并且可以和 React、Angular、Vue.js 之类的主流 JS 框架一起使用。

WeUI 是微信官方团队针对微信提供的一个 H5 UI 库,它只提供了一组 CSS 组件。jQuery WeUI 中使用的是官方 WeUI 的 CSS 代码,并提供了 jQuery/Zepto 版本的 API 实现。因为直接使用了官方的 CSS,所以你不用担心跟官方版本的冲突。实际上 jQuery WeUI == WeUI + jQuery插件。

简洁强大的 API

如果你使用过 jQuery,那么你使用 jQuery WeUI 将没有任何障碍。所有的 JS 组件都是标准的 jQuery 插件:

//显示一个对话框
$.alert("我是一个对话框");

//弹出一个actionsheet
$.actions({
  actions: [{
    text: "编辑",
    onClick: function() {
      //do something
    }
  },{
    text: "删除",
    onClick: function() {
      //do something
    }
  }]
})

立刻使用

推荐通过 npm 获取代码: npm install jquery-weui

依次引入如下文件后即可使用:

<!-- head 中 -->
<link rel="stylesheet" href="/jquery-weui/dist/lib/weui.css">
<link rel="stylesheet" href="/jquery-weui/dist/css/jquery-weui.css">

<!-- body 最后 -->
<script src="/jquery-weui/dist/lib/jquery-2.1.4.js"></script>
<script src="/jquery-weui/dist/js/jquery-weui.js"></script>

其中 weui.css 是官方的版本,并未做任何修改。

建议自行 clone 并编译代码 jQuery WeUI

如果你不会编译,可以直接切换到 build 分支,其中的 dist 目录下就是全部编译好的代码。

或者点击这里直接下载 jQuery WeUI

  • jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库,包含全部WeUI官方的CSS组件,并且额外提供了大量的拓展组件,丰富的组件库可以极大减少前端开发时间。 jQuery WeUI 的最大特点是它只提供UI组件,并不会对项目所使用的框架和其他库有任何的限制,几乎可以在任何环境下使用。无论你的项目是基于jQuery,还是 React, Angular, Vue, 你都会发现

  • 依赖说明 jQuery WeUI 依赖 weui.css 和 jQuery,但是请注意要使用正确的版本。 其中 weui 的版本需要和当前的jQuery WeUI 对应,如果你不确定对应版本可以去看 更新日志 里面的说明。或者你可以直接使用此项目中的 dist/lib/weui.min.css。 jQuery 的版本请至少在 V1.7.0 以上。 当然如果你不愿意自己去找依赖文件,可以直接看下面的

  • 这个是自己写了一个测试的jquery weui 刚开始很困惑,link引入了weui和jquery-weui,这两个是什么关系呢?为什么引入这两个css库呢? 通过查找,找到些眉目了, jquery weui == weui + jquery插件; jquery-weui是官方weui的升级版本,扩展了官方的weui。jquery-weui是官方weui的jquery版本。 <!DOCTYPE h

  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css"> <link rel="stylesheet" href="https://cd

  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <title>滚动加载更多</title> <link rel="stylesheet

  • html <div class="weui-cells__title ">製程</div> <div class="weui-cells weui-cells_checkbox" id="processSelect"> </div> 展示JS var processHtml = []; $.each(data.processes,functio

  • // $.modal、$.confirm 设置弹窗按钮文字 $.modal.prototype.defaults.buttonOK = '显示'; $.modal.prototype.defaults.buttonCancel = '隐藏'; // 源码 defaults = $.modal.prototype.defaults = { title: "提示", text: un

  • http://www.jqueryweui.top/

 相关资料
  • 本文向大家介绍基于springboot微信公众号开发(微信自动回复),包括了基于springboot微信公众号开发(微信自动回复)的使用技巧和注意事项,需要的朋友参考一下 效果图 1.准备工作 申请微信订阅号(个人只能申请订阅号,而且没什么功能,也无法认证),申请完毕,点击 开发=>基本配置,如下图: 服务器配置需要有 域名 80端口,我猜你没有,这里推荐个实用工具,pagekite,下载链接,

  • 本文向大家介绍C#开发微信公众号接口开发,包括了C#开发微信公众号接口开发的使用技巧和注意事项,需要的朋友参考一下 具体实现方式不多说了,请看下文 一、前言 当下微信公众号几乎已经是每个公司必备的,但是大部分微信公众账号用户体验都欠佳,特别是涉及到用户绑定等,需要用户进行复杂的操作才可以和网站绑定,或者很多公司直接不绑定,而是每次都让用户填写账号密码。作为微信接口开发人员我们知道网页授权可以用作微

  • 本文向大家介绍nodejs微信公众号支付开发,包括了nodejs微信公众号支付开发的使用技巧和注意事项,需要的朋友参考一下 odeJs 微信公众号功能开发,移动端 H5页面调用微信的支付功能。这几天根据公司的需要使用 node 和 h5页面调用微信的支付功能完成支付需求。现在把开发过程重新捋一遍,以帮助更多的开发者顺利的完成微信支付功能的开发。(微信暂时还没有提供 node 的支付功能) 一.请求

  • 上一篇我们介绍了在h5 app 开发微信支付, 这篇我们说一说在微信公众号开发支付。 目录 环境准备 1  需要一个有支付能力的公众号 2 wex5 3.3 及以上版本 3 备案好的域名 4 微信web开发者工具 开发步骤 1 取得参数 2 编译Baas 3 基本URL配置 4 JS接口安全域名、授权回调页域名配置 5 开发UI 5.1 修改参数 5.2 修改代码二 6 配置微信支付授权目录 7

  • 本文向大家介绍.NET微信公众号开发之公众号消息处理,包括了.NET微信公众号开发之公众号消息处理的使用技巧和注意事项,需要的朋友参考一下 一.前言   微信公众平台的消息处理还是比较完善的,有最基本的文本消息,到图文消息,到图片消息,语音消息,视频消息,音乐消息其基本原理都是一样的,只不过所post的xml数据有所差别,在处理消息之前,我们要认真阅读,官方给我们的文档:http://mp.wei

  • 方案1:将公众号授权给智齿 接入效果 授权过程 授权微信公众号给智齿需要智齿客服管理员和微信公众号管理员共同参与,具体步骤如下: 第一步:智齿客服管理员进入智齿管理后台「设置-支持渠道-微信」,点击「绑定公众号」进入授权页,可见微信授权二维码 ​ <微信公众号授权扫码页-电脑端> 第二步:由企业微信公众号管理员在微信端扫码、确认勾选授权哪些权限集给智齿并点击确认授权,完成授权后即算部署完成 ​ <

  • 微信公众号 微信公众号扫码授权以后,用户发往公众号的消息会转发给机器人,机器人会自动回复消息给公众号用户,同一个微信公众号同时只能绑定一个机器人,如果绑定了新的机器人,之前绑定的机器人会解除绑定。 注:微信公众号渠道接入后,仅支持微信文字,语音两种方式问答,用户在微信聊天框输入语音后,客服系统自动识别语音成文字进行答复。 只需三步接入微信公众号,自动回答公众号上的用户问题 1. 创建机器人 注册登

  • 本文向大家介绍php微信公众号开发常用函数?相关面试题,主要包含被问及php微信公众号开发常用函数?时的应答技巧和注意事项,需要的朋友参考一下 把xml数据解析成对象的函数是 simplexml_load_string( ) 将字符串转换为数组的函数是_ explode___, 将数组转化为字符串的函数是implode__. 编码 URL 字符串的字符串是__urlencode____.