Question

我喜欢用toastr做什么的想法，但我似乎无法让它工作。

来自官方网页......

(1) Link to toastr.css
(2) Link to toastr.js
(3) Use toastr to display a toast for info, success, warning or error
To install toastr, run the following command in the Package Manager Console
Install-Package toastr

我下载了NuGet的命令行版本并输入install toastr并成功安装，（虽然我不知道它实际上做了什么.......）然后，在我的页面中，{ {1}}，我有以下代码：

test.php

网站本身说这非常简单......

<html>
<head>
<link rel="stylesheet" href="/toastr.css">
<script type="text/javascript" src="/toastr.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
</head>

<body>
toastr.info('Hey - it works!');
</body>

但是当我执行页面时，我看到的只是字面意思：

toastr.info（'嘿 - 它有效！'）;

我做错了什么？

Answer 1

您可以在close主体标记之前添加脚本标记，并在有效的javascript范围内使用它。

.. all html page

<script>

    $(document).ready(function() {

        // show when page load
        toastr.info('Hey - it works!');

    });

</script>

</body>
</html>

您还有其他方法，

// for success - green box
toastr.success('Success messages');

// for errors - red box
toastr.error('errors messages');

// for warning - orange box
toastr.warning('warning messages');

// for info - blue box
toastr.info('info messages');

我如何使用toastr？

1 个答案: