Amaze UI学习笔记——JS学习历程一
1.自定义事件
(1)一些组件提供了自定义事件,命名方式为{事件名称}.{组件名称}.amui,用户可以查看组件文档了解。使用这些事件,如:
$('#myAlert').on('close.alert.amui',function(){
//do something;
});
(2)data-am-observe
在元素上添加data-am-abserve属性以后,动态插入改元素的Amaze UI JS插件会自动初始化,支持的插件包括Button、Dropdown、Slider、Popover、Scrollspy、Tabs
(3)$().DOMobserve(options,callback)
- options: 监视的属性,默认为{childList:true,subtree:true};
- callback(mutations,observer):DOM发生变化时的处理函数,第一个参数为存储MutationRecord对象的数组,第二个参数Mutationobserver实例本身。
(4)默认初始化事件接口
Amaze UI通过特定的HTML来绑定事件,多数JS组件通过HTML标记就可以实现调用。默认的初始化事件都在xx.amui.data-api命名空间下,用户可以自行关闭。
关闭所有默认事件:$(document).off('.data-api');
关闭特定组件的默认事件:$(document).off('.modal.amui.data-api');