自定义容器

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

$('.custom_container').noty({text: "noty - jQuery 通知插件 - 编程之家- //www.jb51.cc/jesu/"});

按钮及确认对话框

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

官方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通知插件全面解析就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。