2013-01-31 58 views
20

我使用的是酷警報JS庫項目:https://github.com/CodeSeven/toastrToastr JS設置後仰值

我想淡出以下一段時間後改變。 看着toastr.js文件,我看到選項在那裏。 我只是不知道如何訪問屬性「後仰」

toastr.info('Processing...'); 

我試圖

toastr.info('Processing...', fadeAway:1000); 

如何通過傳遞參數使用後仰跳投?

回答

31

在您致電toastr.info之前,請設置您選擇的選項。例如:

toastr.options.fadeOut = 2500; 

你可以看到許多在這裏演示的選項:toastr demo

這些都是默認的。您可以覆蓋其中的很多:

options = { 
    tapToDismiss: true, 
    toastClass: 'toast', 
    containerId: 'toast-container', 
    debug: false, 
    fadeIn: 300, 
    fadeOut: 1000, 
    extendedTimeOut: 1000, 
    iconClass: 'toast-info', 
    positionClass: 'toast-top-right', 
    timeOut: 5000, // Set timeOut to 0 to make it sticky 
    titleClass: 'toast-title', 
    messageClass: 'toast-message' 
} 
4

您也可以傳遞參數中的任何選項。但參數必須是一個對象。爲了您的例子,你可以這樣做:

toastr.info('Processing...', { fadeAway: 1000 }); 

PS:也請記住,後仰在當前版本(2.0.3)已過時。

31

隨着版本2.0.3你下面讓toastr顯示長:

toastr.success('Hello World', 'New Message', { timeOut: 9500 });