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