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