Html，如何導入/使用toastr.js

我在這裏有一個小問題。我認爲解決方案非常簡單，我只是在監督一些事情。Html，如何導入/使用toastr.js

所以，我的問題是，我試圖在我的網頁上使用toastr.js。到目前爲止，我已經得到了什麼：

<link href="{% static "flat/css/toastr.min.css" %}" rel="stylesheet"/>

（這顯然指向toastr.min.css文件）和

<script src="{% static "flat/js/toastr.js" %}" ></script>

（它指向toastr.js文件）。

現在只需</body>之前我有

<script type="text/javascript"> 
    $(document).ready(function() { 
     toastr.options={"closeButton": false,"debug": false,"newestOnTop": true,"progressBar": true,"positionClass": "toast-bottom-full-width","preventDuplicates": false,"onclick": null,"showDuration": "300","hideDuration": "1000","timeOut": "5000","extendedTimeOut":"1000","showEasing": "swing","hideEasing": "linear","showMethod": "fadeIn","hideMethod": "fadeOut"}; 
     toastr[success]("Message will come here", "Title");} 
    ); 
</script>

所以，我想用toastr加載頁面時顯示通知。我該如何做到這一點？

來源

2016-02-13 Red_C0der

請告訴我發生的事情的時候，應該是一個字符串現在？沒有？有任何錯誤？不應該是'toastr.success（「消息會來這裏」，「標題」）;'？ – putvande

@putvande不，我沒有任何錯誤 –

@putvande和我已經嘗試toast.success，但結果是完全一樣的 –

您使用的是未定義的變量success在[]符號使用，或只是點符號

屬性名稱嘗試

toastr['success']("Message will come here", "Title");

或者

toastr.success("Message will come here", "Title");

來源

2016-02-13 21:34:01 charlietfl

不，他們都沒有解決這個問題。 –

我應該使用'toastr.success（「Message will come here」，「Title」）;'或'$（document）.ready（function（）{toastr.success（「Message will come here」，「Title」） ;）}'？ –

如問題所示，使用內部準備就緒。查看瀏覽器開發工具網絡，以確保css和js資源都加載 – charlietfl

Html，如何導入/使用toastr.js

回答

相關問題