我正在尝试使用toastr js library。
我包括了 toastr.js、toastr.css 和 toastr-responsive.css 这行得通:
toastr.info("Hello world");
但这不起作用。而且我在浏览器控制台中没有任何错误:
toastr.options.positionClass = "toast-top-full-width";
toastr.info("Hello world");
原因是什么?
我正在尝试使用toastr js library。
我包括了 toastr.js、toastr.css 和 toastr-responsive.css 这行得通:
toastr.info("Hello world");
但这不起作用。而且我在浏览器控制台中没有任何错误:
toastr.options.positionClass = "toast-top-full-width";
toastr.info("Hello world");
原因是什么?
创建一个小提琴并告诉我你在做什么。
更新:
您不应该链接到 github 中的原始 css 和 javascript。这些不是 CDN,因此它们不是为提供代码而设置的。您应该为您的项目提取代码或在 Visual Studio 中使用 NuGet。
例如,如果您将 CSS 复制到 JsFiddle CSS 窗口中,这样可以正常工作:http: //jsfiddle.net/7Ucj9/10/
为了完整起见,这是我所做的小代码更改......但这与它无关
$(function () {
toastr.info("Are you the 6 fingered man?");
$("#foo1").click(function () {
alert("test");
});
$("#foo2").click(function () {
toastr.info("Are you the 6 fingered man?");
console.log("hello");
});
});