Amaze UI 程序员开发必备

<div class="am-alert">
 我的愿望是世界和平！
</div>

<div class="am-alert" data-am-alert>
  <button type="button" class="am-close">&times;</button>
  <p>我的愿望是世界和平！</p>
</div>

<div class="am-alert am-alert-success" data-am-alert>
  <button type="button" class="am-close">&times;</button>
  <p>我的愿望是世界和平！</p>
</div>

<div class="am-alert" data-am-alert>
  <button type="button" class="am-close">&times;</button>
  <h3>共同渡过</h3>
  <p>《共同渡过》是张国荣1987年发行的专辑《Summer Romance》中的一首歌。</p>
  <ul>
    <li>若我可再活多一次都盼</li>
    <li>再可以在路途重逢着你</li>
    <li>共去写一生的句子</li>
    <li>若我可再活多一次千次</li>
    <li>我都盼面前仍是你</li>
    <li>我要他生都有今生的暖意</li>
  </ul>
</div>

<div class="am-alert" id="your-alert">
  <button type="button" class="am-close">&times;</button>
  <p>在应用 JS 激活之前这个警告框是无法关闭的。</p>
</div>
<button type="button" class="am-btn am-btn-danger" id="doc-alert-btn-bind">点击激活上面 Alert 的关闭功能</button>
<script>
  $(function() {
    $(‘#doc-alert-btn-bind‘).one(‘click‘, function() {
      $(‘#your-alert‘).alert();
      alert(‘已激活，点击上的 X 试试！‘);
    });
  });
</script>