添加选项到mdbootstrap javascript警报

时间:2017-11-20 06:41:55

标签: javascript jquery twitter-bootstrap

我在这里有一个Bootstrap警报的基本示例。

<a class="btn btn-info btn-lg" id="alert-target" >Click me!</a>

的jQuery

$("#alert-target").click(function () {
    toastr["info"]("I was launched via jQuery!")
});

如何将这些选项添加到javascript中?

这是什么让我的警报不显示?

toastr.options = {
    "closeButton": true, // true/false
    "debug": false, // true/false
    "newestOnTop": false, // true/false
    "progressBar": false, // true/false
    "positionClass": "toast-top-right", // toast-top-right / toast-top-left / toast-bottom-right / toast-bottom-left
    "preventDuplicates": false, true/false
    "onclick": null,
    "showDuration": "300", // in milliseconds
    "hideDuration": "1000", // in milliseconds
    "timeOut": "5000", // in milliseconds
    "extendedTimeOut": "1000", // in milliseconds
    "showEasing": "swing",
    "hideEasing": "linear",
    "showMethod": "fadeIn",
    "hideMethod": "fadeOut"
}

参考| https://mdbootstrap.com/javascript/alerts/

仅供参考:我无法上传外部资源链接,因为它只存在于mdbootstrap下载中。这就是为什么我无法创建JSFiddle演示。

0 个答案:

没有答案