使用 JS 关闭警告框及监听自定义事件（amaze ui）

使用 JS 关闭警告框及监听自定义事件（amaze ui）

一、总结

1、jquery匿名函数：第8行，jquery匿名函数，$(function(){});，有没有很简单，只是少了jquery的前面的选择器部分而已

二、使用 JS 关闭警告框及监听自定义事件（amaze ui）

截图

代码

 <div class="am-alert" id="your-alert-1">
   <button type="button" class="am-close">&times;</button>
   <p>这是一个警告框！</p>
 </div>

 <button type="button" class="am-btn am-btn-warning" id="doc-alert-btn-close">点击关闭上面的 Alert</button>
 <script>
   $(function() {
     $('#doc-alert-btn-close').one('click', function() {
       $('#your-alert-1').alert('close');
     });

     $(document).on('close.alert.amui', '#your-alert-1', function(e) {
       alert('警告框开始关闭！');
     });

     $(document).on('closed.alert.amui', '#your-alert-1', function(e) {
       alert('警告框关闭完成！');
     });
   });
 </script>

1、jquery匿名函数：第8行，jquery匿名函数，$(function(){});，有没有很简单，只是少了jquery的前面的选择器部分而已

2、close和closed的区别：第13行，close，警告框甘冈开始关闭的时候触发，第17行，closed，警告框结束关闭的时候触发、

3、警告框关闭事件：第10行，警告框关闭事件 $('#your-alert-1').alert('close');