使用 JS 關閉警告框及監聽自定義事件（amaze ui）

一、總結

1、jquery匿名函數：第8行，jquery匿名函數，$(function(){});，有沒有很簡單，只是少了jquery的前面的選擇器部分而已?

?

二、使用 JS 關閉警告框及監聽自定義事件（amaze ui）

截圖

?

代碼

1 <div class="am-alert" id="your-alert-1"> 2 <button type="button" class="am-close">&times;</button> 3 <p>這是一個警告框！</p> 4 </div> 5 6 <button type="button" class="am-btn am-btn-warning" id="doc-alert-btn-close">點擊關閉上面的 Alert</button> 7 <script> 8 $(function() { 9 $('#doc-alert-btn-close').one('click', function() { 10 $('#your-alert-1').alert('close'); 11 }); 12 13 $(document).on('close.alert.amui', '#your-alert-1', function(e) { 14 alert('警告框開始關閉！'); 15 }); 16 17 $(document).on('closed.alert.amui', '#your-alert-1', function(e) { 18 alert('警告框關閉完成！'); 19 }); 20 }); 21 </script>

1、jquery匿名函數：第8行，jquery匿名函數，$(function(){});，有沒有很簡單，只是少了jquery的前面的選擇器部分而已

2、close和closed的區別：第13行，close，警告框甘岡開始關閉的時候觸發，第17行，closed，警告框結束關閉的時候觸發、

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

?

總結

以上是生活随笔為你收集整理的使用 JS 关闭警告框及监听自定义事件（amaze ui）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。