位置: 编程技术 - 正文
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(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对象)
