Javascript Toastr信息未出现在我的屏幕上
我正在使用typescript创建一个非常简单的web应用程序。现在,它所要做的就是创建一个矩形,并显示该区域的信息。不幸的是,祝酒词从未出现。这行代码已执行,并且Internet Explorer或Google Chrome的开发工具中没有错误或警告。以下是我所拥有的: 打字稿:Javascript Toastr信息未出现在我的屏幕上,javascript,toastr,Javascript,Toastr,我正在使用typescript创建一个非常简单的web应用程序。现在,它所要做的就是创建一个矩形,并显示该区域的信息。不幸的是,祝酒词从未出现。这行代码已执行,并且Internet Explorer或Google Chrome的开发工具中没有错误或警告。以下是我所拥有的: 打字稿: /// <reference path="../typings/toastr/toastr.d.ts" /> interface IRectangle { height: number; wi
/// <reference path="../typings/toastr/toastr.d.ts" />
interface IRectangle {
height: number;
width: number;
getArea(): number;
}
module Shapes {
export class Rectangle implements IRectangle {
getArea(): number {
return this.height * this.width;
}
constructor(
public height: number,
public width: number) {
}
}
}
var rect: IRectangle = new Shapes.Rectangle(10, 4);
var area = rect.getArea();
toastr.info("area = " + area);
//
界面方向角{
高度:数字;
宽度:数字;
getArea():编号;
}
模块形状{
导出类矩形实现IRectangle{
getArea():编号{
返回this.height*this.width;
}
建造师(
公众高度:,
公共宽度:数字){
}
}
}
var rect:IRectangle=新形状。矩形(10,4);
var area=rect.getArea();
toastr.info(“区域=”+区域);
生成的javascript如下所示:
/// <reference path="../typings/toastr/toastr.d.ts" />
var Shapes;
(function (Shapes) {
var Rectangle = (function () {
function Rectangle(height, width) {
this.height = height;
this.width = width;
}
Rectangle.prototype.getArea = function () {
return this.height * this.width;
};
return Rectangle;
})();
Shapes.Rectangle = Rectangle;
})(Shapes || (Shapes = {}));
var rect = new Shapes.Rectangle(10, 4);
var area = rect.getArea();
toastr.info("area = " + area);
//# sourceMappingURL=04-01-internal-module.js.ma
//
变量形状;
(功能(形状){
变量矩形=(函数(){
功能矩形(高度、宽度){
高度=高度;
这个。宽度=宽度;
}
Rectangle.prototype.getArea=函数(){
返回this.height*this.width;
};
返回矩形;
})();
矩形=矩形;
})(形状| |(形状={}));
var rect=新形状。矩形(10,4);
var area=rect.getArea();
toastr.info(“区域=”+区域);
//#sourceMappingURL=04-01-internal-module.js.ma
我的HTML仅用于显示祝酒词。这是一个简单的例子,我可以想象,但它仍然不起作用:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../scripts/jquery-1.6.3.js"></script>
<link href="../content/toastr.css" rel="stylesheet" />
<script src="../scripts/toastr.js"></script>
<script src="../scripts/app/04-02-internal-module.js"></script>
</head>
<body>
</body>
</html>
就像我说的。页面加载很好,但什么也没发生。我知道我应该看到什么,因为我使用了这里的演示:
但是,什么也没有出现。你知道我做错了什么吗?我制作了一把小提琴,它似乎很好用,我唯一能建议的是你的文档还没有准备好,所以试着像这样包装
$(document).ready(function () {
toastr.success("message", 'test');
});