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‘);

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。