1. 程式人生 > >在專案中使用js的提示外掛toastr

在專案中使用js的提示外掛toastr

1、在這個專案中引入js檔案,例如Yii2框架中在AppAsset檔案中引入公共的js檔案,這樣就可以在全域性中使用該功能


2、配置toastr的資訊

toastr.options = {
    "closeButton": true,
    "debug": false,
    "progressBar": true,
    "positionClass": "toast-top-right",//在頁面的顯示位置
    "onclick": null,
    "showDuration": "400",
    "hideDuration": "1000",
    "timeOut": "7000",
    "extendedTimeOut": "1000",
    "showEasing": "swing",
    "hideEasing": "linear",
    "showMethod": "fadeIn",
    "hideMethod": "fadeOut"
    }

這樣可以配置出來提示後過一會就自動消失的效果


3、呼叫toastr.error('內容','標題')方法或者toastr.success('內容','標題')既可以顯示出來提示我的資訊