Amaze UI 程序員開發必備

剛接手Amaze UI 多多交流，相互幫助，謝謝支持，麼麼噠！

1.關於Amaze JS插件中,基本的alert的幾種常見用法

1.基本Alert形式調用

<div class="am-alert">
 個人願望是世界和平！
</div>

2.自帶js插件關閉按鈕

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

3.根據修改能夠調整不一樣的背景顏色,success,warning,danger,secondary等

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

4.多內容，顏色同樣的能夠調整

<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>

 

js控制實例

<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>