jquery.toast.js是一款優秀的提示框插件,可用于網頁中的提示、成功、警告和錯誤信息,以及其他多種提示信息。在使用jquery.toast.js插件時,常用的參數如下:
toastClass: '', // Toast的Class值 container: 'body', // Toast的容器 debug: false, // 是否開啟調試模式 fadeInDuration: 300, // 淡入的持續時間 fadeOutDuration: 300, // 淡出的持續時間 extendedTimeOut: 1000, // 按鈕延長的時間 icon: null, // 圖標 iconClass: 'toast-icon', // 圖標Class值 positionClass: 'toast-top-right', // Toast的位置Class onShown: null, // Toast顯示后執行的函數 onHidden: null, // Toast隱藏后執行的函數 preventDuplicates: false, // 防止重復提示 showDuration: 300, // 顯示的持續時間 hideDuration: 1000, // 隱藏的持續時間 timeOut: 5000, // 消失的時間 toastType: '', // Toast的類型 titleClass: 'toast-title', // 標題Class值 messageClass: 'toast-message' // 消息Class值
通過調整這些參數,可以使Toast更好地適應你的網站,讓提示信息更貼近你的需求。例如,在positionClass參數中,你可以指定Toast出現的位置,如:'toast-top-right'表示Toast出現在右上角;'toast-bottom-center'表示Toast出現在中心下方。另外,可以使用onShown和onHidden參數來設置在Toast出現和消失后執行的函數,從而實現更多的自定義操作。