Bootstarp中toastr.js的使用

  1. 第一步我们先将文件引入
我这里是本地加载的文件
<link rel="stylesheet" href="./toast.css">
<script src="./toast.js"></script>
CDN加载方式:
https://cdn.bootcss.com/toastr.js/2.1.4/toastr.css
https://cdn.bootcss.com/toastr.js/2.1.4/toastr.min.js
还有和这个不过我好像没用到
https://cdn.bootcss.com/toastr.js/2.1.4/toastr.min.css
  1. 完成之后我们先对toastr进行初始化
toastr.options.positionClass = 'toast-top-center';
这东西可以看出top和center是确定该弹出框的位置!

接下来就很简单了;
直接在你需要的地方进行调用就可以了!

在你需要的地方写上
	toastr.success('我们成功了一次');
 	toastr.error('这是一个错误提示弹框');
  	toastr.warning('我警告你这么做下去很不好');
  	toastr.info('这里好像什么事也没有发生');

这里就可以去看效果了
可以看出来我们成功了
success!结束

发布了3 篇原创文章 · 获赞 4 · 访问量 163

猜你喜欢

转载自blog.csdn.net/HelloWorld187/article/details/104709835