位置: 编程技术 - 正文

noty ? jQuery通知插件全面解析(jquery :not)

编辑:rootadmin

推荐整理分享noty ? jQuery通知插件全面解析(jquery :not),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery :not,jquery消息通知,jquery消息提示框,jquery not eq,jquery :not,jquery :not,jquery :not,jquery :not,内容如对您有帮助,希望把文章链接给更多的朋友!

noty是一个jQuery的通知(信息提示)插件,灵活轻便,是一个非常棒的用于替代传统提示对话框的插件。

当前最新版本为2.1.0: 从 可以获取最新源代码。

布局样式

支持的提示样式,每种样式都有预定义好的css样式:

&#;alert: 默认的提示样式

&#;success: 成功

&#;error: 错误

&#;warning: 警告

&#;information: 信息

支持的布局位置:

&#;top: 顶部,长条状

&#;topLeft/topCenter/topRight: 顶部的左/中/右位置, 短条状

&#;center/centerLeft/centerRight: 正中/中左/中右, 短条状

&#;bottomLeft/bottomCenter/bottomRight: 底部左/中/右位置, 短条状

&#;bottom: 底部,长条状

除上以上布局方式之外,还有一种用于自定义布局的inline方式,需要引入layouts/inline.js

安装脚本

从 下载最新源码,然后引入相应脚本文件:

如果你使用的是jQuery 1.6以下版本, 那么还需要引入promise.js文件。

使用方法

一般情况下,直接使用noty(options)全局函数来创建提示信息即可:

noty({text: "noty - jQuery 通知插件 - 积木网 - layout: "center", timeout: })以上代码将创建一个在屏幕中间显示的提示信息,并在5秒后自动关闭。

注意:如果没有对应布局的js文件将不会被正常呈现。

默认选项

noty有以下可供设置的选项:

noty ? jQuery通知插件全面解析(jquery :not)

自定义容器

通过noty(options)函数创建的提示信息默认被添加到body上, noty支持在自定义容器中显示提示的方式:

$('.custom_container').noty({text: "noty - jQuery 通知插件 - 积木网-

按钮及确认对话框

可以像这样设置提示信息上的按钮:

官方DEMO中的确认提示对话框也是这么创建的。

API

主要有以下api可用:

&#;$.noty.get(id): 通过id获取noty对象, 一般用不到

&#;$.noty.close(id): 关闭一个noty提示

&#;$.noty.clearQueue(): 清空队列中的noty

&#;$.noty.closeAll(): 关闭所有noty提示

&#;$.noty.setText(id, text): 更新noty提示信息的文本内容

&#;$.noty.setType(id, type): 更新noty提示信息的类型

一般情况下通过实例变量来访问它的属性/方法:

而$.noty空间最常用的就是clearQueue()和closeAll()方法了,其他几个方法一般不被使用,主要是因为noty的id是随机生成的。

除了文档里公开的,noty还有一些没在文档里公开的属性:

&#;$.noty.queue 消息队列, Array

&#;$.noty.layouts 可以获取当前加载的布局, Object

&#;$.noty.themes 获取可用的主题, Object

&#;$.noty.store 获取当前显示在页面中的noty对象,然后可以通过api进行操作, Array

&#;$.noty.returns 获取noty(options)函数返回的值, 默认为object返回noty对象,可以改成其他值返回noty对象的id

此外,noty还提供了方法用来替代window.alert函数:

&#;$.noty.consumeAlert 替代window.alert

&#;$.noty.stopConsumeAlert 取消替代

noty整体设置比较简单,没有过多的参数设置,使用起来也很方便,特别是默认不用按钮来让用户点确定这点特别值得称赞,体验相当不错。

以上这篇noty ? jQuery通知插件全面解析就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

jquery遍历json对象集合详解 本文实例采用案例分析的方法介绍了jquery遍历json对象的三种情况,供大家参考,具体内容如下第一个案例:jquery遍历json对象集合常用示例jsp中$.ajax({url:

jQuery点击输入框显示验证码图片 先看效果图:要求:当输入框获得焦点时,自动显示验证图片。代码如下(学习而已,仅供参考):/***********************下是验证码对象*****************/varVa

jquery实现无刷新验证码的简单实例 1.思路:页面上的验证码图片是servlet,采用jquery实现异步校验信息2.所用到的文件VerifyCodeServlet.java--用于生成图片的servletResultServlet.java--用于校验验证码正

标签: jquery :not

本文链接地址:https://www.jiuchutong.com/biancheng/386599.html 转载请保留说明!

上一篇:jQuery实现图片向左向右切换效果的简单实例(jquery图片上传)

下一篇:jquery遍历json对象集合详解(jquery遍历json对象)

  • 申报表货物及劳务是什么
  • 主营业务怎么计算
  • 销售商品收到转账支票计入什么科目
  • 专利权的入账价值计算公式
  • 个税代扣代缴手续费返还 申请
  • 公帐的钱可以转给个人私帐可以吗
  • 提供咨询服务的小规模企业是一般纳税人吗
  • 环保科技属于什么行业类别
  • 出口业务退税流程资料
  • 材料成本差异结转借贷方向
  • 应交税费消费税分录
  • 物业公司开场地租赁费发票编码
  • 企业所得税怎么征收
  • 折扣折让红字发票内容
  • 印花税是不是不用计提
  • 免征政府性基金预缴税款
  • 携税宝报税操作流程
  • 定额发票验旧怎么操作
  • 金三系统打印控件下载及报税流程
  • 存根联和记账联丢失有影响吗
  • 没有成立工会的企业要交工会筹备金吗
  • 小规模银行存款多笔小金额财务费用可以合并记账吗?
  • 凭证类别不合法怎么处理
  • 在同一预缴地有多个项目的建筑业纳税人总销售额以什么为标准确定?
  • 销售商品发生的业务招待费计入什么科目
  • 暂停装修
  • 进口商品关税调整
  • macbook如何安装
  • 研发产品对外销售研发材料不得加计扣除分录
  • cmos是bios参数设置的
  • win11启动方式
  • php字符串函数大全
  • 为什么篮牙耳机卡
  • 税盘进项税额怎么做
  • 石楠花 开花
  • Glastonbury Tor, Somerset, England (© DEEPOL by plainpicture/Adam Burton)
  • 旅行社小规模纳税人差额征税
  • 软件和信息技术服务业发展趋势
  • java面试题及答案下载
  • 【创作赢红包】项目信息分析表
  • 个体户一直未申请怎么办
  • python项目开发案例集锦pdf百度网盘
  • 新政府会计制度下,属于资产类科目的是
  • 假退库会计分录
  • 增量留底退税怎么比增值税高
  • 员工出差预借差旅费入的借贷
  • 发票报销有时间期限吗
  • 公司借个人借款协议书范本
  • 预付开发票加油后还能开吗?
  • sql server2005备份
  • 固定资产盘盈为什么计入管理费用
  • mysql all
  • 小规模增值税申报未开票收入怎么填
  • 商业承兑汇票过期了怎么办
  • mysql 压测
  • mysqldump -h
  • sqlserver备份数据库命令
  • mysqlsum查询慢
  • 如何设计高效合理的未来课程
  • win10系统如何查看显卡配置
  • linux虚拟局域网搭建
  • freenas11.2安装教程
  • 定时清理注册表会怎么样
  • ghost硬盘对拷反了
  • 在苹果电脑mac上怎么下载
  • cocos2d开发app
  • a*算法的优缺点
  • opengl点的绘制
  • fedora vlc
  • 怎么优化项目
  • dos中创建文件
  • 解决的英文
  • 侧边栏html
  • python怎么在网上赚钱
  • 北京市税务局 案件
  • 浙江国地税联合电子税务局
  • 医院等级怎么查询系统
  • 火药概念股有哪些
  • 入职培训结束寄语
  • 珠宝消费税怎么申报
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设