jQuery.toast.js是一種基于jQuery的輕量級提示消息插件,它提供了簡單易用的API,讓開發(fā)者能夠輕松地在網頁上添加各種類型的提示信息。
這里是一些常用的API:
$(document).ready(function(){ //顯示簡單消息,1秒鐘后自動關閉 $.toast('Hello, world!'); //顯示成功消息,2秒鐘后自動關閉 $.toast({ heading: '成功', text: '操作成功!', showHideTransition: 'slide', icon: 'success', loaderBg: '#9EC600', position: 'bottom-right', hideAfter: 2000, stack: 6 }); //顯示錯誤消息,3秒鐘后自動關閉 $.toast({ heading: '錯誤', text: '發(fā)生不可預知的錯誤!', showHideTransition: 'fade', icon: 'error', loaderBg: '#BF441D', position: 'bottom-left', hideAfter: 3000, stack: 6 }); //顯示加載消息,不會自動關閉 $.toast({ heading: '請稍等', text: '正在加載數據,請稍候......', showHideTransition: 'slide', icon: 'info', loaderBg: '#3B98C6', position: 'bottom-right', stack: 6 }); });
通過使用上述API,您可以輕松自如地在網頁上添加各種類型的提示信息,從而提升用戶體驗。