jQuery Alert是一種在移動端上方便地顯示消息和警告信息的插件。通過使用簡單的代碼和樣式,可以用它來替代原生alert()彈窗,從而達到更好的用戶體驗。
//引入jQuery Alert插件的CSS樣式表和JavaScript文件 <link rel="stylesheet" type="text/css" href="jquery.alert.css"> <script type="text/javascript" src="jquery.alert.js"></script> //調用jQuery Alert插件 $.alert({ title: '提示', //彈窗標題 content: 'hello world!', //彈窗內容 confirm: function() { //確認按鈕回調函數 console.log('click confirm'); //在控制臺中輸出 'click confirm' }, cancel: function() { //取消按鈕回調函數 console.log('click cancel'); //在控制臺中輸出 'click cancel' } });
通過以上代碼,就可以在移動端顯示一個帶有標題和內容的彈窗。除了confirm和cancel回調函數外,jQuery Alert還提供了許多可選的參數,可以滿足不同的需求。
例如,可以通過設置delay參數來自動關閉彈窗,還可以自定義彈窗的樣式。